:root{color-scheme:dark;--navy:#0D1825;--steel:#1E3349;--line:#36516A;--ink:#EFF6FC;--muted:#AFC0D0;--blue:#8BCBFA;--red:#FF9A8D;--serif:'Sora',sans-serif;--sans:'Inter',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);background:radial-gradient(ellipse at 50% -18%,rgba(65,121,168,.2),transparent 45%),linear-gradient(135deg,#0D1825,#111F30)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.auth-shell:before{content:'';position:absolute;width:560px;height:560px;border:1px solid rgba(139,203,250,.09);border-radius:50%;left:-370px;bottom:-330px;box-shadow:0 0 0 66px rgba(139,203,250,.018),0 0 0 132px rgba(139,203,250,.012)}.wordmark{position:absolute;top:42px;left:clamp(28px,5vw,72px);z-index:1;display:flex;flex-direction:column;gap:5px}.wordmark strong{font:700 16px/1 var(--serif);letter-spacing:.06em}.wordmark span{color:#9DB1C2;font:700 7px/1 var(--mono);letter-spacing:.38em}.auth-panel{width:min(100%,420px);position:relative;z-index:1}.auth-card{padding:40px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1E3349,#172A3E);box-shadow:0 28px 70px rgba(0,0,0,.25)}.eyebrow{display:block;color:#A8C6DD;font:700 9px var(--mono);letter-spacing:.13em}.auth-card h1{margin:12px 0 10px;font:600 31px/1.2 var(--serif);letter-spacing:-.045em}.lead{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.6}form{display:flex;flex-direction:column;gap:9px}label{margin-top:5px;color:#D8E4ED;font-size:12px;font-weight:600}input{width:100%;height:47px;border:1px solid #46627A;border-radius:7px;padding:0 13px;color:var(--ink);background:#142639;font:14px var(--sans);outline:none;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(139,203,250,.13)}.password-field{position:relative}.password-field input{padding-right:76px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#9FC3DE;font:600 10px var(--sans);cursor:pointer}.primary-button{height:48px;margin-top:16px;border:0;border-radius:7px;background:linear-gradient(135deg,#91D0FB,#62A9DB);color:#0D1B29;font:700 13px var(--sans);cursor:pointer;transition:filter .18s,transform .18s}.primary-button:hover{filter:brightness(1.06)}.primary-button:active{transform:translateY(1px)}.primary-button span{font-size:17px;margin-left:5px}.text-button,.back-button{border:0;background:transparent;color:#AAC9E0;font:500 12px var(--sans);cursor:pointer;text-align:left}.text-button{margin-top:18px;padding:0}.back-button{padding:0;margin-bottom:22px}.field-note{margin:1px 0 0;color:#9EB1C1;font-size:10px;line-height:1.45}.form-message{min-height:20px;margin:18px 0 0;color:#B8C9D7;font-size:12px;line-height:1.45}.form-message.error{color:var(--red)}.form-message.success{color:#92DDAE}.auth-footer{margin:18px 0 0;color:#8EA3B3;font:9px var(--mono);letter-spacing:.05em;text-align:center}@media(max-width:540px){.auth-shell{place-items:start center;padding:104px 18px 36px}.wordmark{top:32px;left:27px}.auth-card{padding:29px 25px}.auth-panel{width:100%}.auth-card h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}
