:root{font-family:Inter,system-ui,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#101a2d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2))}.brand{font-weight:800;font-size:21px;color:#fff;text-decoration:none}nav{display:flex;gap:18px}nav a{color:#cbd5e1;text-decoration:none}main{max-width:1100px;margin:36px auto;padding:0 20px}h1{font-size:30px;margin:0 0 24px}.auth{max-width:420px;margin:80px auto}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:22px;box-shadow:0 4px 15px #0f172a0a}.narrow{max-width:560px}label{display:block;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #d2d9e5;border-radius:6px;margin-top:6px;font:inherit;background:#fff}button,.button{background:#2563eb;color:#fff;border:0;border-radius:6px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;margin-top:8px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:6px}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:6px}.hint{color:#64748b}@media(max-width:600px){nav{gap:10px;font-size:14px}}