@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07131d;--panel:#0d242d;--mint:#63eac5;--text:#effbf7;--muted:#8caeaa;--line:rgba(180,233,220,.15);--danger:#ff9d93;--shadow:0 30px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:radial-gradient(circle at 12% 9%,rgba(54,174,147,.2),transparent 30%),radial-gradient(circle at 95% 95%,rgba(55,112,143,.18),transparent 33%),linear-gradient(145deg,#07131d,#0a202a 60%,#07151e);}
.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);align-items:center;gap:clamp(32px,8vw,120px);width:min(1120px,100%);margin:0 auto;padding:clamp(20px,5vw,64px)}
.auth-story{max-width:520px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:64px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;color:#05271f;font-size:24px;background:linear-gradient(145deg,#7ef3d2,#24b991);box-shadow:0 15px 34px rgba(36,185,145,.22);transform:rotate(-7deg)}.brand-name{font-weight:850;letter-spacing:.04em}.brand-sub{color:#70dabe;font-size:10px;font-weight:800;letter-spacing:.16em;margin-top:3px}.story-kicker{color:#70dabe;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.auth-story h1{margin:12px 0 16px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.06em}.auth-story p{max-width:450px;color:#a1bfba;font-size:16px;line-height:1.65}.story-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.story-tags span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(13,45,53,.42);color:#b5d7d0;font-size:11px;font-weight:700}.auth-card{padding:clamp(23px,4vw,36px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(17,53,62,.9),rgba(7,29,38,.93));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(20px)}.auth-card h2{margin:0;font-size:27px;letter-spacing:-.04em}.auth-lead{margin:8px 0 25px;color:var(--muted);font-size:13px;line-height:1.5}.auth-field{display:block;margin:0 0 15px}.auth-field span{display:block;margin:0 0 7px;color:#b7d5cf;font-size:11px;font-weight:750}.auth-field input{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:14px;outline:none;color:#effbf7;background:rgba(4,22,30,.7);font:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.auth-field input:focus{border-color:rgba(87,224,186,.7);box-shadow:0 0 0 4px rgba(87,224,186,.1)}.auth-field input::placeholder{color:#688a87}.auth-submit{width:100%;height:50px;margin-top:7px;border:0;border-radius:14px;color:#05271f;background:linear-gradient(135deg,#63eac5,#1db08b);font:inherit;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(25,174,136,.2);transition:transform .16s,filter .18s}.auth-submit:hover{filter:brightness(1.08)}.auth-submit:active{transform:scale(.98)}.auth-error,.auth-success{padding:11px 12px;margin:0 0 15px;border-radius:12px;font-size:12px;line-height:1.4}.auth-error{color:#ffd4cd;background:rgba(255,118,102,.1);border:1px solid rgba(255,118,102,.2)}.auth-success{color:#c4ffeb;background:rgba(87,224,186,.1);border:1px solid rgba(87,224,186,.2)}.auth-foot{margin:19px 0 0;color:var(--muted);font-size:12px;text-align:center}.auth-foot a{color:#75e4c4;font-weight:800;text-decoration:none}.auth-foot a:hover{text-decoration:underline}.auth-note{margin-top:15px;color:#678985;font-size:10px;line-height:1.55;text-align:center}
@media(max-width:760px){.auth-shell{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:22px;padding:20px 15px max(20px,env(safe-area-inset-bottom))}.auth-story{max-width:520px;margin:0 auto;width:100%}.brand{margin-bottom:24px}.auth-story h1{font-size:clamp(37px,11vw,52px);max-width:470px}.auth-story p{font-size:13px;margin:10px 0}.story-tags{display:none}.auth-card{width:100%;max-width:480px;margin:0 auto;padding:22px;border-radius:23px}.auth-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}