:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#050713;color:#eef3ff;--cyan:#8df6ff;--violet:#a998ff;--gold:#e8d4a5;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 79% 43%,#35276a29 0,transparent 47%),radial-gradient(ellipse at 90% 15%,#0a506827,transparent 48%),#050713}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#c0dbff 1px,transparent 1px),radial-gradient(#8295d5 .7px,transparent .7px);background-size:193px 211px,97px 137px;background-position:15px 33px,71px 102px}
.gateway{min-height:100svh;max-width:1600px;margin:auto;padding:132px 7.5vw 118px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.gateway:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05071355,transparent 57%),linear-gradient(0deg,#050713 0,transparent 15%)}
.gateway-header{position:absolute;inset:35px 7.5vw auto;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:2}.brand{font-size:12px;font-weight:400;letter-spacing:.23em;display:flex;align-items:center;gap:13px;color:#dce5ff}.brand strong{font-weight:650;color:#fff}.brand-mark{display:grid;place-items:center;color:var(--cyan);font-size:26px;width:41px;height:41px;border:1px solid #9cf0ff29;background:linear-gradient(135deg,#64c9ff12,#9583ff13);border-radius:12px;box-shadow:inset 0 0 18px #8df6ff06,0 0 22px #8df6ff06}.private-marker{display:flex;align-items:center;gap:9px;color:#96a2bd;font:9px var(--mono);letter-spacing:.17em;padding:10px 12px;border:1px solid #ffffff0d;border-radius:20px;background:#ffffff02}.private-marker svg{color:var(--cyan)}
.entry{position:relative;z-index:1;max-width:610px;padding:48px 0 55px}.eyebrow{display:flex;align-items:center;gap:11px;font:10px var(--mono);letter-spacing:.22em;color:var(--cyan);margin:0 0 26px}.eyebrow>span{width:23px;height:1px;background:var(--cyan);box-shadow:0 0 10px #8df6ff88}h1{font-weight:350;line-height:1.09;font-size:clamp(43px,4.8vw,74px);letter-spacing:-.056em;margin:0;text-wrap:balance}h1 em{font-style:normal;font-weight:550;background:linear-gradient(105deg,#d7fcff 0,#8df6ff 32%,#b3a5ff 82%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 25px #8df6ff0b)}.intro{color:#a0aac1;font-size:14px;line-height:1.85;margin:25px 0 39px;letter-spacing:.015em}
form{max-width:373px}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}label{display:block;font-size:12px;color:#c1cbe0}.form-heading>span{font:8px var(--mono);letter-spacing:.15em;color:#818dab}.input-wrap{display:flex;align-items:center;border:1px solid #9aaaff30;border-radius:10px;background:linear-gradient(130deg,#101629e8,#0d1220dc);box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .2s,box-shadow .2s}.key-icon{flex-shrink:0;margin-left:16px;color:#8193b7}input{font:14px "Segoe UI",Arial,sans-serif;color:#eef3ff;background:transparent;border:0;min-width:0;width:100%;padding:17px 12px;outline:none}input::placeholder{color:#7d89a4}.input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #8df6ff0a}.input-wrap:focus-within .key-icon{color:var(--cyan)}button{font:inherit;cursor:pointer}#reveal{border:0;background:transparent;color:#a7b4cf;padding:12px 15px;font-size:11px;border-radius:4px}#reveal:hover{color:var(--cyan)}.enter{position:relative;overflow:hidden;width:100%;margin-top:13px;padding:14px 17px;background:linear-gradient(110deg,#b6faff,#87e7fa 55%,#a7b4fa);border:1px solid #cafcff8c;color:#0a182a;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.025em;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 28px #73d6ee16,inset 0 1px 0 #ffffff80;transition:box-shadow .2s,transform .2s}.enter:hover{box-shadow:0 5px 35px #73d6ee36;transform:translateY(-1px)}.enter-arrow{display:grid;place-items:center;width:25px;height:25px;font-size:19px;border-left:1px solid #15375024;padding-left:13px;padding-right:3px;box-sizing:content-box}.enter:disabled{opacity:.6;cursor:wait;transform:none}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}#reveal:focus-visible{outline-offset:-4px}.privacy{display:flex;align-items:flex-start;gap:8px;max-width:370px;font-size:10px;color:#929db8;line-height:1.75;margin-top:20px}.privacy>span{font-size:14px;line-height:1.2;color:#9dabce}#login-error{font-size:13px;line-height:1.6;color:#ffc2b5;padding:12px;border:1px solid #ffada82e;border-radius:8px;background:#ffada809}
.celestial{position:absolute;z-index:-1;right:-9%;top:49%;transform:translateY(-50%);width:min(75vw,1060px);aspect-ratio:1;pointer-events:none}.portal-halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#bae9ff0a 0,#8866df12 17%,#518fff0b 37%,transparent 68%);filter:blur(12px)}.portal-body{position:absolute;inset:18%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#96d6ff18 0,#6950c31b 26%,#2641510b 52%,transparent 68%)}.portal-body img{width:115%;height:115%;max-width:none;position:absolute;opacity:.86;filter:drop-shadow(0 0 24px #93d1ff4a);animation:core-turn 130s linear infinite}.portal-heart{width:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f6ffff 0,#d2faff 5%,#a5e8ffcc 12%,#9da4ff66 29%,#9283fd0c 60%,transparent 70%);box-shadow:0 0 75px 14px #7de5ff13;animation:core-breathe 7s ease-in-out infinite}.portal-orbit{position:absolute;border:1px solid #9cb2e027;border-radius:50%}.portal-orbit-outer{inset:12%;border-style:dashed;border-color:#8fb1da26;animation:core-turn 180s linear infinite}.portal-orbit-inner{inset:23%;border-color:#a8bcff38;box-shadow:0 0 18px #69ccff05,inset 0 0 18px #69ccff05;animation:core-turn 70s linear infinite reverse}.portal-orbit>span{position:absolute;top:13%;left:13%;width:6px;height:6px;border-radius:50%;background:#b4f6ff;box-shadow:0 0 14px 3px #8df6ff77}.portal-orbit-inner>span{background:var(--gold);box-shadow:0 0 16px 3px #e8d4a544}.portal-orbit-tilted{inset:20% 5%;border-color:#8b9cce2b;transform:rotate(-37deg) scaleY(.47)}.portal-crosshair{position:absolute;background:linear-gradient(90deg,transparent,#849bd92e 30%,#849bd924 70%,transparent)}.portal-crosshair-horizontal{left:5%;right:5%;height:1px;top:50%}.portal-crosshair-vertical{left:50%;top:5%;bottom:5%;width:1px;background:linear-gradient(0deg,transparent,#849bd92e 30%,#849bd924 70%,transparent)}.portal-caption{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;white-space:nowrap}.portal-caption>span{font:8px var(--mono);letter-spacing:.29em;color:#91a5c8}.portal-caption>strong{font-size:13px;font-weight:350;letter-spacing:.045em;color:#c7d8f2}.portal-coordinate{position:absolute;font:8px var(--mono);letter-spacing:.2em;color:#93a9ce8a}.coordinate-top{top:9%;left:50%;transform:translateX(-50%)}.coordinate-side{right:6%;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}
footer{position:absolute;bottom:34px;left:7.5vw;right:7.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #a1b7e114;padding-top:22px;font:8px var(--mono);letter-spacing:.16em;color:#8d9ab7}.gateway-principles{display:flex;align-items:center;gap:18px}.gateway-principles span{white-space:nowrap}.gateway-principles b{color:#8de4ef;font-weight:400;margin-right:7px}.gateway-principles i{width:21px;height:1px;background:#a1b7e12a}.footer-signature{color:#7d8aa8;font-size:7px;letter-spacing:.2em}
@keyframes core-turn{to{transform:rotate(360deg)}}@keyframes core-breathe{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@media(min-width:1600px){.gateway-header{left:120px;right:120px}footer{left:120px;right:120px}}
@media(max-width:1000px){.celestial{right:-24%;width:90vw;opacity:.68}.entry{max-width:550px}h1{font-size:62px}.footer-signature{display:none}.gateway:after{background:linear-gradient(90deg,#050713b3 0,#05071352 45%,transparent 75%)}}
@media(max-width:700px){.gateway{padding:104px 7vw 108px;justify-content:center}.gateway-header{inset:24px 7vw auto;gap:12px}.brand{font-size:10px;letter-spacing:.16em;gap:10px}.brand-mark{width:35px;height:35px;font-size:23px;border-radius:10px}.private-marker{font-size:0;gap:0;padding:10px}.private-marker svg{width:14px;height:14px}.entry{padding:50px 0 38px;max-width:480px}.eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:24px}h1{font-size:clamp(42px,9vw,62px);line-height:1.13;letter-spacing:-.055em}.intro{font-size:13px;margin:22px 0 33px}.celestial{width:140vw;right:-71%;top:31%;opacity:.35}.portal-caption,.portal-coordinate{display:none}.gateway:after{background:linear-gradient(90deg,#050713a6 0,#05071333 65%),linear-gradient(0deg,#050713 0,transparent 65%)}form{max-width:100%}input{font-size:16px;padding:16px 12px}.privacy{max-width:100%;font-size:10px}footer{left:7vw;right:7vw;bottom:25px;padding-top:19px}.gateway-principles{gap:10px;font-size:7px;letter-spacing:.1em}.gateway-principles i{width:12px}.gateway-principles b{margin-right:4px}}
@media(max-width:370px){.brand{font-size:9px}.entry{padding-top:35px}h1{font-size:39px}.gateway-principles{gap:7px}.gateway-principles i{width:8px}}
@media(max-height:800px) and (min-width:701px){.gateway{padding-top:94px;padding-bottom:85px}.gateway-header{top:25px}.entry{padding:20px 0 22px}h1{font-size:clamp(44px,4.3vw,60px)}.eyebrow{margin-bottom:19px;font-size:9px}.intro{margin:18px 0 24px;font-size:13px;line-height:1.75}.input-wrap input{padding-top:14px;padding-bottom:14px}.enter{padding-top:11px;padding-bottom:11px}.privacy{margin-top:16px}footer{bottom:23px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}