@font-face{font-family:"Fusion Pixel";src:url('/gate-assets/pixel.woff2') format('woff2');font-display:swap}
:root{--bg:#0b0d0b;--surface:#121612;--line:rgba(214,235,200,.085);--line-strong:rgba(214,235,200,.16);--text:#eef1ea;--muted:#8c9583;--accent:#b8f34a;--pixel:"Fusion Pixel",ui-monospace,monospace;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 27% 40%,#b8f34a06,transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#15200c}
.nav{height:72px;border-bottom:1px solid var(--line);padding:0 max(5%,24px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:600;letter-spacing:-.5px}.brand img{width:34px;height:34px;padding:4px;border-radius:8px;background:#050605;box-shadow:inset 0 0 0 1px var(--line)}.brand sup{vertical-align:top;display:inline-block;font:9px var(--pixel);color:var(--accent);letter-spacing:.06em;margin:2px 0 0 5px}.nav-note{display:flex;align-items:center;gap:7px;font:10px var(--pixel);color:#98a28d;letter-spacing:.08em}.nav-note i,.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #b8f34a45}
.login-layout{width:90%;max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 416px;gap:80px;align-items:center;padding:65px 0 58px}.login-story{position:relative;padding-top:8px}.eyebrow{display:inline-flex;gap:9px;align-items:center;font:10px var(--pixel);letter-spacing:.08em;color:var(--accent);padding:6px 10px;border:1px solid #b8f34a33;background:#b8f34a06;border-radius:20px}.login-story h1{font-size:clamp(38px,4.3vw,57px);font-weight:550;line-height:1.28;letter-spacing:-1.7px;margin:26px 0 19px}.login-story h1>span{color:var(--accent)}.story-subtitle{font-size:13px;color:#969f8d;line-height:1.8;margin:0;max-width:370px}.world-art{height:225px;width:100%;max-width:430px;position:relative;margin:7px 0 5px;background:radial-gradient(ellipse at center,#b8f34a06,transparent 68%)}.world-art img{position:absolute;width:305px;height:248px;right:14px;top:-13px;opacity:.73}.art-label{font:8px var(--pixel);color:#788766;position:absolute;left:0;bottom:32px;max-width:115px;letter-spacing:.06em;line-height:1.7}.art-coordinate{position:absolute;right:0;bottom:13px;font:8px var(--pixel);letter-spacing:.04em;color:#48573b}.story-foot{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding-top:23px;margin-right:10px;color:#617249;font:10px var(--pixel)}.story-foot strong{font:11px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#858f7b;margin-left:6px;font-weight:400}.story-foot b{font-size:13px;color:#353f2b;font-weight:400}
.login-card{padding:35px 35px 27px;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(150deg,#171d14b0,#10140ff0);box-shadow:0 30px 70px -38px #000b;position:relative}.login-card::before{content:"";position:absolute;top:-1px;left:36px;width:69px;height:1px;background:var(--accent);box-shadow:0 0 20px #b8f34a55}.card-eyebrow{font:10px var(--pixel);letter-spacing:.1em;color:#839b60}.login-card h2{font-size:28px;font-weight:550;letter-spacing:-.6px;margin:15px 0 8px}.subtitle{font-size:13px;color:#7f8a73;margin:0 0 29px;line-height:1.8}label{display:flex;align-items:baseline;gap:7px;font-size:12px;color:#b5bfa9;margin:20px 0 10px}label span{font:9px var(--pixel);color:#657356}input{display:block;width:100%;background:#0c100bf0;border:1px solid #2a3523;border-radius:7px;padding:12px 13px;color:#dae4cf;font-size:13px;line-height:1.5;transition:border-color .2s}input::placeholder{color:#47543a}input:focus{border-color:#849e47}.field-note{font-size:10px;color:#66765a;line-height:1.8;margin:12px 0 22px}button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;border:1px solid #b8f34a;border-radius:7px;background:var(--accent);color:#172208;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}button:hover{background:#c4ff58;box-shadow:0 4px 22px #b8f34a12}button:disabled{opacity:.55;cursor:wait}.message{font-size:12px;color:#ffac91;line-height:1.8;min-height:20px;margin:10px 0 6px;white-space:pre-wrap}.card-footer{border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;gap:8px;color:#647a4d}.card-footer p{color:#8a997b;font-size:10px;line-height:1.7;margin:0}.card-footer svg{flex-shrink:0}.invite-note{font-size:10px;color:#56674a;margin:14px 0 0;line-height:1.8}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;width:90%;margin:0 auto;padding:23px 0 25px;border-top:1px solid var(--line);color:#4d5942;font-size:10px}.page-footer>span:first-child,.page-footer>span:last-child{font:9px var(--pixel);letter-spacing:.04em}
@media(min-width:1500px){.login-layout{gap:125px;max-width:1200px;grid-template-columns:1fr 440px;padding:75px 0}.world-art{height:275px;max-width:475px}.world-art img{width:365px;height:290px;right:5px}.login-card{padding:40px}.login-story h1{font-size:61px}.story-subtitle{font-size:14px}}
@media(max-width:900px){.login-layout{gap:35px;grid-template-columns:1fr 365px}.login-card{padding:29px}.login-story h1{font-size:39px}.story-subtitle{font-size:11px}.story-foot{gap:10px}.story-foot strong{font-size:10px}.eyebrow{font-size:8px}.world-art img{width:265px;right:-20px}.art-label{font-size:7px;left:0;max-width:80px}.page-footer{font-size:9px}}
@media(max-width:700px){.nav{height:64px;padding:0 23px}.brand{font-size:19px}.nav-note{font-size:8px}.login-layout{display:block;max-width:430px;width:calc(100% - 44px);padding:34px 0 40px;margin:0 auto}.login-story{padding-top:0}.login-story h1{font-size:36px;margin:21px 0 14px}.login-story h1 br{display:none}.login-story h1{max-width:330px}.story-subtitle{font-size:11px;max-width:270px;margin-bottom:27px}.world-art,.story-foot{display:none}.login-card{padding:29px 25px 25px}.login-card h2{font-size:26px}.subtitle{margin-bottom:25px}.card-footer p{font-size:10px}.page-footer{margin-top:auto;padding:20px 0;font-size:8px;width:calc(100% - 46px)}.page-footer>span:nth-child(2){display:none}.page-footer>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}