:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#02070d;color:#f5fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:#02070d}body{min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}app-login{display:block;min-height:100svh;--bg: #02070d;--panel: #06131d;--panel-deep: #030b12;--cyan: #73e8ff;--cyan-bright: #b8f5ff;--blue: #398cff;--text: #f5fbff;--muted: #91a8b8;--line: rgb(115 232 255 / .18)}app-login .login-shell{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:1.5rem;color:var(--text);background:radial-gradient(circle at 13% 15%,rgb(57 140 255 / .16),transparent 28rem),radial-gradient(circle at 88% 86%,rgb(115 232 255 / .09),transparent 26rem),linear-gradient(145deg,#02070d,#04101a 48%,#02070d)}app-login .login-grid{position:absolute;inset:0;z-index:-3;opacity:.34;background-image:linear-gradient(rgb(115 232 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(115 232 255 / .07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%)}app-login .login-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(115 232 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(115 232 255 / .035) 1px,transparent 1px);background-size:16px 16px}app-login .login-glow{position:absolute;z-index:-2;border-radius:999px;filter:blur(18px);pointer-events:none}app-login .login-glow--left{top:18%;left:-16rem;width:34rem;height:34rem;background:radial-gradient(circle,rgb(57 140 255 / .13),transparent 68%)}app-login .login-glow--right{right:-17rem;bottom:-14rem;width:38rem;height:38rem;background:radial-gradient(circle,rgb(115 232 255 / .1),transparent 68%)}app-login .login-header{position:relative;z-index:2;display:flex;width:min(1180px,100%);margin:0 auto;align-items:center;justify-content:space-between;padding:.5rem .25rem}app-login .brand{display:inline-flex;align-items:center;gap:.8rem}app-login .brand-mark{position:relative;display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid rgb(115 232 255 / .55);border-radius:.65rem;background:#051823c7;box-shadow:inset 0 0 1.5rem #73e8ff12,0 0 2rem #398cff14;transform:rotate(45deg)}app-login .brand-mark:before,app-login .brand-mark:after{content:"";position:absolute;background:var(--cyan);opacity:.7}app-login .brand-mark:before{width:.42rem;height:1px;right:-.24rem;top:50%}app-login .brand-mark:after{width:1px;height:.42rem;left:50%;bottom:-.24rem}app-login .brand-mark__core{color:var(--cyan-bright);font-size:.95rem;font-weight:900;transform:rotate(-45deg);text-shadow:0 0 .8rem rgb(115 232 255 / .55)}app-login .brand-name{font-size:.9rem;font-weight:850;letter-spacing:.32em}app-login .header-label{color:#b8f5ff94;font-size:.66rem;font-weight:750;letter-spacing:.24em}app-login .login-content{position:relative;z-index:1;display:grid;width:min(1180px,100%);min-height:calc(100svh - 7rem);margin:0 auto;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.72fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding:clamp(2rem,6vh,5rem) 0;transform:translateY(-.65rem)}app-login .login-intro{max-width:42rem}app-login .eyebrow,app-login .panel-kicker{margin:0;color:#73e8ffb8;font-size:.72rem;font-weight:800;letter-spacing:.3em}app-login .login-intro h1{margin:1.15rem 0 0;font-size:clamp(4.4rem,8vw,7.4rem);font-weight:900;line-height:.84;letter-spacing:-.065em}app-login .login-intro h1 span{display:block;color:var(--cyan-bright);text-shadow:0 0 2.4rem rgb(115 232 255 / .13),0 0 .15rem rgb(115 232 255 / .35)}app-login .intro-copy{max-width:37rem;margin:2rem 0 0;color:#a7bac7;font-size:1.03rem;line-height:1.8}app-login .intro-rule{width:4.2rem;height:2px;margin-top:2rem;background:linear-gradient(90deg,var(--cyan),rgb(115 232 255 / .12));box-shadow:0 0 1rem #73e8ff40}app-login .intro-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.65rem}app-login .intro-tags span{border:1px solid rgb(115 232 255 / .2);border-radius:.35rem;padding:.62rem .8rem;color:#b8f5ffb3;background:#03101994;font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}app-login .login-panel{position:relative;overflow:hidden;width:100%;border:1px solid rgb(115 232 255 / .22);border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.25rem);background:linear-gradient(180deg,#0a1f2ceb,#030c14f7),var(--panel);box-shadow:0 2rem 6rem #00000061,inset 0 1px #ffffff05,0 0 3.8rem #398cff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}app-login .login-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.52}app-login .login-panel:after{content:"";position:absolute;top:-9rem;right:-9rem;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgb(115 232 255 / .08),transparent 68%);pointer-events:none}app-login .panel-corner{position:absolute;width:1.4rem;height:1.4rem;pointer-events:none}app-login .panel-corner--top{top:.75rem;right:.75rem;border-top:1px solid rgb(115 232 255 / .45);border-right:1px solid rgb(115 232 255 / .45)}app-login .panel-corner--bottom{bottom:.75rem;left:.75rem;border-bottom:1px solid rgb(115 232 255 / .28);border-left:1px solid rgb(115 232 255 / .28)}app-login .panel-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}app-login .panel-heading h2{margin:.65rem 0 0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:820;letter-spacing:-.035em}app-login .panel-sigil{position:relative;display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border:1px solid rgb(115 232 255 / .18);border-radius:999px}app-login .panel-sigil:before,app-login .panel-sigil:after,app-login .panel-sigil span{content:"";position:absolute;border-radius:999px}app-login .panel-sigil:before{inset:.42rem;border:1px dashed rgb(115 232 255 / .34)}app-login .panel-sigil:after{width:.38rem;height:.38rem;background:var(--cyan);box-shadow:0 0 .9rem var(--cyan)}app-login .panel-sigil span{width:1px;height:3.3rem;background:linear-gradient(transparent,rgb(115 232 255 / .34),transparent);transform:rotate(45deg)}app-login .login-form{position:relative;z-index:1;margin-top:2rem}app-login .field+.field{margin-top:1.25rem}app-login .field label{display:block;margin-bottom:.55rem;color:#c7d8e3;font-size:.82rem;font-weight:720}app-login .input-frame{position:relative;border:1px solid rgb(115 232 255 / .16);border-radius:.8rem;background:#00070c9e;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}app-login .input-frame:focus-within{border-color:#73e8ff8c;background:#020d15db;box-shadow:0 0 0 3px #73e8ff12,inset 0 0 1.5rem #73e8ff06}app-login .input-frame:before{content:"";position:absolute;top:-1px;left:1rem;width:2.8rem;height:1px;background:#73e8ff7a}app-login .input-frame input{width:100%;border:0;outline:0;padding:.95rem 1rem;color:var(--text);background:transparent;caret-color:var(--cyan)}app-login .input-frame--password input{padding-right:6rem}app-login .input-frame input::placeholder{color:#91a8b866}app-login .password-toggle{position:absolute;top:50%;right:.65rem;border:0;border-radius:.45rem;padding:.5rem .6rem;color:#b8f5ffad;background:transparent;font-size:.7rem;font-weight:750;cursor:pointer;transform:translateY(-50%);transition:color .16s ease,background .16s ease}app-login .password-toggle:hover,app-login .password-toggle:focus-visible{color:var(--cyan-bright);background:#73e8ff12;outline:none}app-login .submit-button{display:flex;width:100%;margin-top:1.6rem;align-items:center;justify-content:space-between;border:1px solid rgb(115 232 255 / .6);border-radius:.8rem;padding:.9rem 1rem;color:#001016;background:linear-gradient(100deg,#9af0ff,#5fd7f5 62%,#78e8ff);box-shadow:0 .8rem 2.4rem #29b8dc1a;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}app-login .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1rem 2.8rem #29b8dc2e;filter:brightness(1.04)}app-login .submit-button:focus-visible{outline:3px solid rgb(115 232 255 / .22);outline-offset:3px}app-login .submit-button:disabled{cursor:wait;opacity:.72}app-login .submit-arrow{font-size:1.15rem}app-login .login-error{display:flex;margin-top:1rem;gap:.75rem;border:1px solid rgb(115 232 255 / .14);border-radius:.75rem;padding:.85rem .9rem;background:#030f17cc;color:#b8cbd7;font-size:.78rem;line-height:1.55}app-login .login-error strong{color:#e8f8ff}app-login .login-error p{margin:.15rem 0 0}app-login .error-indicator{width:.48rem;height:.48rem;flex:0 0 auto;margin-top:.34rem;border-radius:999px;background:var(--cyan);box-shadow:0 0 .8rem #73e8ffb3}app-login .panel-footnote{position:relative;z-index:1;margin:1rem 0 0;color:#91a8b87a;font-size:.7rem;text-align:center}app-login .watermark{position:absolute;bottom:clamp(2.75rem,5vh,4.25rem);left:max(1rem,calc((100% - 1180px)/2));z-index:-1;color:#73e8ff06;font-size:clamp(8rem,17vw,15rem);font-weight:950;line-height:.72;letter-spacing:-.075em;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:900px){app-login .login-shell{overflow-x:hidden;overflow-y:auto}app-login .login-content{min-height:auto;grid-template-columns:1fr;gap:2.75rem;padding:4rem 0 2rem;transform:none}app-login .login-intro{max-width:38rem;margin-inline:auto;text-align:center}app-login .login-intro h1{font-size:clamp(4rem,14vw,6rem)}app-login .intro-copy{margin-inline:auto}app-login .intro-rule{margin-inline:auto}app-login .intro-tags{display:none}app-login .login-panel{max-width:34rem;margin-inline:auto}app-login .watermark{display:none}}@media(max-width:540px){app-login .login-shell{padding:1rem}app-login .login-header{padding:.25rem 0}app-login .header-label{display:none}app-login .brand-name{font-size:.82rem}app-login .login-content{gap:2rem;padding-top:3rem}app-login .eyebrow{font-size:.66rem;letter-spacing:.24em}app-login .login-intro h1{margin-top:.9rem;font-size:clamp(3.65rem,18vw,5.1rem)}app-login .intro-copy{margin-top:1.55rem;font-size:.94rem;line-height:1.7}app-login .intro-rule{margin-top:1.5rem}app-login .login-panel{border-radius:1rem;padding:1.35rem}app-login .panel-sigil{width:2.4rem;height:2.4rem}}@media(prefers-reduced-motion:reduce){.input-frame,.password-toggle,app-login .submit-button{transition:none}}
