@font-face{font-family:StarseaText;src:url('/assets/fonts/ThePeakFontPlus-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#dbeaf4;background:#030b18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}.login-sky{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,#02091685,#04102540 55%,#030b18aa),url('/assets/skybox.jpg') center 43%/cover}.login-horizon{position:fixed;inset:64% 0 0;z-index:-2;background:linear-gradient(#04102000,#06152c90 12%,#020a18ed),url('/assets/skybox.jpg') center 70%/cover;transform:scaleY(-1);opacity:.42;filter:blur(1px);border-bottom:1px solid #b1dbec24}body:after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 42% 45%,transparent 5%,#02091665 100%);pointer-events:none}header{position:absolute;left:7%;top:6%;display:flex;gap:13px;align-items:center;font-size:15px;letter-spacing:.18em}.brand-star{font-size:38px;color:#d7edf9;text-shadow:0 0 25px #a3d3fb88}header small{display:block;margin-top:5px;color:#91b4cc;font-size:8px;letter-spacing:.23em}main{min-height:100svh;width:min(1160px,86%);margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:9%;padding:150px 0 120px}.eyebrow{font-size:10px;letter-spacing:.23em;color:#94b5ca}.eyebrow:before{content:'';display:inline-block;width:32px;height:1px;background:#b5cedb70;margin-right:16px;vertical-align:middle}h1{font:400 clamp(45px,5vw,76px)/1.4 StarseaText,'Kaiti SC',serif;letter-spacing:.05em;margin:25px 0 23px;color:#e5f1f7;text-shadow:0 0 22px #afd7fa22}.login-intro p{font-size:13px;line-height:2.2;letter-spacing:.07em;color:#b2c9d9}.login-panel{max-width:410px;width:100%;justify-self:end;padding:40px 38px 27px;border:1px solid #b8d8eb2e;background:linear-gradient(145deg,#0d213755,#061020c9);box-shadow:0 26px 100px #0003;backdrop-filter:blur(18px);position:relative}.login-panel:before,.login-panel:after{content:'';position:absolute;width:23px;height:23px;border:1px solid #b9dced99;pointer-events:none}.login-panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.login-panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.panel-mark{font-size:17px;color:#b5d6e9;margin-bottom:16px}h2{font:400 26px/1.5 StarseaText,'Kaiti SC',serif;letter-spacing:.04em;margin:0}.panel-note{font-size:11px;color:#8daac0;margin:9px 0 28px}form label{display:block;font-size:11px;color:#a7c1d4;letter-spacing:.16em;margin:19px 0 9px}input,button{font:inherit}input{width:100%;height:47px;background:#a8d0eb06;border:1px solid #b2d1e52c;color:#e4f2ff;border-radius:0;outline:none;padding:0 13px;font-size:14px;letter-spacing:.04em}input::placeholder{color:#66849b;font-size:12px}input:focus{border-color:#a5d2ed88;box-shadow:0 0 0 2px #b6dff408}button{cursor:pointer;color:inherit}.password-field{position:relative}.password-field input{padding-right:58px}#password-toggle{position:absolute;right:4px;top:4px;height:39px;border:0;background:none;font-size:10px;color:#91afc4;padding:0 11px}.enter-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:28px;min-height:48px;padding:0 17px;background:#b1d7f113;border:1px solid #b2d8ed75;color:#e1f1fb;font-size:12px;letter-spacing:.1em;transition:background .2s}.enter-button:hover{background:#c9e9ff24}.enter-button:disabled{opacity:.55;cursor:wait}button:focus-visible{outline:2px solid #badcf1;outline-offset:3px}#login-error{color:#e2b4ac;font-size:12px;line-height:1.6;margin:15px 0 0}.panel-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #9fc5df19;margin-top:27px;padding-top:20px;color:#7c9bb2;font-size:9px;letter-spacing:.03em}.panel-bottom i{width:3px;height:3px;border-radius:50%;background:#add6ec;box-shadow:0 0 8px #8dcee6}footer{position:absolute;bottom:30px;width:100%;text-align:center;font-size:8px;letter-spacing:.13em;color:#66869e}footer span{padding:0 18px;color:#92aec1}[hidden]{display:none!important}@media(max-width:700px){header{top:27px;left:8%;font-size:12px}.brand-star{font-size:31px}main{width:84%;display:block;padding:125px 0 90px}.login-intro{margin-bottom:30px}.eyebrow{font-size:9px}h1{font-size:43px;line-height:1.25;margin:20px 0 16px}.login-intro p{font-size:11px}.login-panel{max-width:none;padding:25px 26px 22px}.panel-mark{display:none}h2{font-size:25px}.panel-note{margin-bottom:19px}form label{margin-top:15px}footer{position:relative;bottom:25px;font-size:7px;letter-spacing:.02em}footer span{padding:0 10px}}
.login-conversation{min-width:0;font:400 clamp(20px,2vw,26px)/1.7 StarseaText,'Kaiti SC',serif;color:#e5f1f7;text-shadow:0 0 22px #afd7fa22}
.login-conversation p{margin:0;font:inherit;letter-spacing:.04em;color:inherit;overflow-wrap:break-word}
.login-conversation .conversation-speaker{margin-bottom:5px;color:#b2c9d9}
.conversation-turn+.conversation-turn{margin-top:25px}
.login-conversation .conversation-aside{margin-top:12px;font-size:.72em;line-height:1.8;color:#b2c9d9;letter-spacing:.02em}
body{display:flex;flex-direction:column}main{flex:1;min-height:calc(100svh - 50px)}footer{position:relative;bottom:auto;padding:0 20px 24px;flex:none}
@media(min-width:701px) and (max-height:700px){main{padding:95px 0 32px;gap:7%}.login-panel{padding:25px 30px 20px}.panel-mark{display:none}.panel-note{margin-bottom:21px}form label{margin-top:15px}.enter-button{margin-top:23px}.panel-bottom{margin-top:22px;padding-top:17px}h1{font-size:48px}.login-intro p{font-size:12px}header{top:28px}footer{padding-bottom:19px}}
@media(min-width:701px) and (max-height:700px){.login-conversation{font-size:22px;line-height:1.55}.login-conversation p{font-size:inherit}.login-conversation .conversation-aside{font-size:.72em}.conversation-turn+.conversation-turn{margin-top:18px}}
@media(max-width:700px){.login-conversation{font-size:clamp(18px,4.7vw,24px);line-height:1.75}.login-conversation .conversation-aside{font-size:.8em}.conversation-turn+.conversation-turn{margin-top:22px}}
.login-sky,.login-horizon{transition:filter 1.2s ease}
body>header,body>main,body>footer{transition:filter 1.2s ease,opacity 1.2s ease}
body.is-entering .login-sky,body.is-entering .login-horizon{filter:blur(18px) brightness(.26)}
body.is-entering>header,body.is-entering>main,body.is-entering>footer{filter:blur(12px);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.login-sky,.login-horizon,body>header,body>main,body>footer{transition:none}}