:root{color-scheme:light;--ink:#153f46;--paper:#f6f5f0;--green:#e4eadf;--line:#cbd5ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:17px;line-height:1.6}footer,header{padding:24px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);border-bottom:0;font-size:14px}a{color:inherit;text-underline-offset:5px}header a{text-decoration:none}.brand{font-weight:700;letter-spacing:.06em}.brand span{font-weight:400}main{min-height:75vh;max-width:1160px;margin:auto;padding:70px 24px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:700;text-transform:uppercase}h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 28px}h1,h2{font-weight:500}h2{font-size:25px;line-height:1.3}.intro{max-width:38ch}.card{padding:32px;background:white;border:1px solid var(--line)}label{margin-bottom:18px;font-size:15px;font-weight:600}input,label{display:block}input{width:100%;padding:13px 12px;margin-top:7px;border:1px solid #859b91;border-radius:0;font:inherit;background:#fff;color:var(--ink)}input:focus{outline:2px solid var(--ink);outline-offset:2px}.button,button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border:0;background:var(--ink);color:white;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:48px}button:disabled{opacity:.55;cursor:wait}form button{width:100%}.links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;font-size:15px}.notice{padding:15px;background:var(--green);font-size:16px;margin-top:20px}.error{background:#fae9df;color:#763d25}.hint{font-size:14px;color:#526a65}.dashboard{max-width:760px}.dashboard .card{margin:28px 0}.status{display:inline-block;background:var(--green);padding:5px 12px;font-size:14px}@media(max-width:700px){main{padding:40px 20px}.auth-grid{grid-template-columns:1fr;gap:24px}.card{padding:24px}header{font-size:14px;align-items:center}.brand span{display:block}}