*{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.97 .01 255);--surface: oklch(.998 .005 255);--border: oklch(.905 .012 255);--text: oklch(.225 .015 255);--muted: oklch(.52 .018 255);--faint: oklch(.65 .014 255);--accent: oklch(.58 .22 255);--accent-soft: oklch(.93 .06 255);--accent-text: oklch(.42 .2 255);--shadow-lg: 0 8px 40px rgba(20, 30, 80, .14)}html,body{min-height:100%;font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}html{overflow-y:scroll}.login-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,oklch(.88 .08 255),var(--bg))}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:44px 38px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.login-brand__icon{width:42px;height:42px;border-radius:13px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px color-mix(in oklch,var(--accent) 40%,transparent)}.login-brand__dot{width:15px;height:15px;border-radius:4px;background:#fff}.login-brand__label{display:flex;flex-direction:column}.login-brand__name{font-size:18px;font-weight:800;letter-spacing:-.01em}.login-brand__sub{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.login-title{font-size:24px;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.login-sub{font-size:14px;color:var(--muted);margin-bottom:30px}.login-error{background:oklch(.95 .05 25);border:1px solid oklch(.88 .1 25);color:#bb061e;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;margin-bottom:20px}.login-notice{background:#d8f9dd;border:1px solid oklch(.85 .09 150);color:oklch(.45 .13 150);border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:20px}.login-field{margin-bottom:18px}.login-label{display:block;font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.login-input{width:100%;background:#f4f7fc;border:1.5px solid var(--border);border-radius:10px;padding:13px 14px;font-family:inherit;font-size:15px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:26px;padding:14px;background:var(--accent);border:none;border-radius:11px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;transition:opacity .15s,transform .1s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.login-btn--link{text-decoration:none;box-sizing:border-box}.login-forgot{display:block;margin-top:8px;font-size:12.5px;font-weight:600;text-align:right;color:var(--accent-text);text-decoration:none}.login-forgot:hover,.login-forgot:focus-visible{text-decoration:underline}.login-footer{text-align:center;font-size:12px;color:var(--faint);margin-top:28px}.login-footer a{color:var(--accent-text);text-decoration:none}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--faint);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-register-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:none;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;transition:border-color .15s,color .15s}.login-register-btn:hover{border-color:var(--accent);color:var(--accent-text)}