.op-root{--op-navy:#123a66;--op-deep:#0b2f57;--op-abyss:#071426;--op-ink:#05090f;--op-green:#39ff14;--op-green-hi:#7dff5c;--op-pink:#ff3eb5;--op-pink-hi:#ff6ec7;--op-chrome:#e8f0f5;--op-chrome-lo:#d6e2ea;--op-chrome-hi:#f7fbfd;--op-glow-g:#39ff1473;--op-glow-p:#ff3eb561;--op-glow-s:#e8f0f559;--op-wolf:#a5acaf;--op-silver:#c9cfd2;--op-hi:#e6eaec;--op-white:#fff;--op-sky:#8fc1f0;--op-amber:#e2b66b;--op-line:#a5acaf47;min-height:100vh;color:var(--op-hi);font-family:var(--font-barlow),"Barlow","Segoe UI",system-ui,sans-serif;background:radial-gradient(ellipse 80% 55% at 50% -10%,#8fc1f029,transparent 60%),linear-gradient(180deg,var(--op-navy) 0%,var(--op-deep) 48%,var(--op-abyss) 100%);position:relative;overflow:hidden}.op-root *{box-sizing:border-box}.op-sea{pointer-events:none;z-index:0;width:100%;height:34vh;position:fixed;bottom:0;left:0;right:0}.op-floor{pointer-events:none;z-index:0;background:linear-gradient(#0000,#0022448c);height:22vh;position:fixed;bottom:0;left:0;right:0}.op-top{z-index:2;align-items:center;gap:12px;padding:20px 28px;display:flex;position:relative}.op-word{font-family:var(--font-barlow-cond),"Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.28em;text-indent:.28em;color:var(--op-chrome);text-shadow:0 0 18px var(--op-glow-s);font-weight:700}@supports ((-webkit-background-clip:text) or (background-clip:text)){.op-h1.op-word{background:linear-gradient(180deg,var(--op-chrome-hi) 0%,var(--op-chrome) 52%,var(--op-chrome-lo) 53%,#b9c7d1 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 14px #e8f0f552);-webkit-background-clip:text;background-clip:text}}.op-top .op-word{font-size:20px}.op-sp{flex:1}.op-link{color:var(--op-sky);font-weight:500;text-decoration:none}.op-link:hover,.op-link:focus-visible{color:var(--op-white);text-decoration:underline}.op-kick{font-family:var(--font-barlow-cond),"Barlow Condensed",sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--op-green);text-shadow:0 0 12px #39ff1459;font-size:13px;font-weight:600}.op-main{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:4vh 24px 26vh;display:flex;position:relative}.op-h1{margin:18px 0 4px;font-size:clamp(44px,7vw,76px);line-height:1}.op-sub{color:var(--op-hi);letter-spacing:.02em;margin:10px 0 0;font-size:20px;font-weight:500}.op-lede{max-width:620px;color:var(--op-wolf);margin:14px auto 0;font-size:17px;line-height:1.6}.op-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.op-btn{min-height:46px;font:600 15px var(--font-barlow),"Barlow",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;display:inline-flex}.op-btn.go{background:var(--op-green);color:var(--op-ink);box-shadow:0 0 18px var(--op-glow-g),0 0 2px #39ff14e6}.op-btn.alt{color:var(--op-chrome);border-color:var(--op-pink);box-shadow:0 0 14px var(--op-glow-p),inset 0 0 10px #ff3eb51f;background:#05090f38}.op-btn.ghost{color:var(--op-chrome);background:#05090f2e;border-color:#d6e2ea73}.op-btn:disabled{opacity:.55;cursor:default}.op-root :focus-visible{outline:2px solid var(--op-green);outline-offset:3px}.op-points{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:880px;margin:40px auto 0;display:grid}.op-point{border:1px solid var(--op-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090f38;border-radius:10px;padding:16px 18px}.op-point b{font-family:var(--font-barlow-cond),"Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--op-white);margin-bottom:4px;font-size:14px;display:block}.op-point span{color:var(--op-silver);font-size:15px;line-height:1.5}@media (max-width:760px){.op-points{grid-template-columns:1fr}}.op-card{border:1px solid var(--op-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#05090f57;border-radius:14px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #00000047}.op-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.op-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--op-wolf);font-size:13px;font-weight:600}.op-input{border:1px solid var(--op-line);width:100%;min-height:46px;color:var(--op-white);font:16px var(--font-barlow),"Barlow",system-ui,sans-serif;background:#05090f73;border-radius:6px;padding:0 14px}.op-input:focus{border-color:var(--op-green);outline:none;box-shadow:0 0 0 3px #39ff1438}.op-err{color:var(--op-amber);margin:4px 0 12px;font-size:15px}.op-or{letter-spacing:.24em;color:var(--op-wolf);align-items:center;gap:10px;margin:18px 0 12px;font-size:12px;display:flex}.op-or:before,.op-or:after{content:"";background:var(--op-line);flex:1;height:1px}.op-still{z-index:3;border:1px solid var(--op-line);color:var(--op-silver);font:500 13px var(--font-barlow),"Barlow",system-ui,sans-serif;cursor:pointer;background:#05090f59;border-radius:999px;padding:6px 12px;position:fixed;top:72px;right:18px}.op-still[aria-pressed=true]{border-color:var(--op-pink);color:var(--op-white)}.op-foot{z-index:2;color:var(--op-wolf);justify-content:center;gap:18px;padding:0 0 22px;font-size:14px;display:flex;position:relative}.op-prose{text-align:left;max-width:680px;color:var(--op-silver);margin:0 auto;line-height:1.6}.op-prose h1{color:var(--op-chrome);font-size:32px}@media (prefers-reduced-motion:reduce){.op-btn{transition:none}}
