:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}.shell{place-items:center;min-height:100svh;padding:24px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(100%,560px);padding:36px;box-shadow:0 24px 60px #0f172a14}.brand{color:#059669;letter-spacing:.08em;font-size:18px;font-weight:800}h1{margin:18px 0 12px;font-size:clamp(28px,6vw,44px);line-height:1.25}p{color:#64748b;margin:0}.auth-panel{background:#f8fafc;border-radius:16px;gap:14px;margin-top:26px;padding:20px;display:grid}.warning,.error{color:#b45309;font-weight:700}.error{color:#b91c1c}.error-detail{overflow-wrap:anywhere;font-size:13px}.success{color:#047857;font-weight:800}.profile{color:#0f172a;align-items:center;gap:12px;min-width:0;display:flex}.profile strong{overflow-wrap:anywhere}.profile-avatar{object-fit:cover;border-radius:50%;flex:0 0 56px;width:56px;height:56px}.button{cursor:pointer;border:0;border-radius:12px;width:100%;min-height:48px;padding:12px 18px;font-weight:800}.button.primary{color:#fff;background:#07c160}.button.secondary{color:#334155;background:#e2e8f0}.button:focus-visible,.locale-picker select:focus-visible{outline-offset:2px;outline:3px solid #07c1604d}.locale-picker{color:#475569;gap:8px;margin-top:32px;font-size:14px;font-weight:700;display:grid}.locale-picker select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px}@media (width<=520px){.shell{padding:14px}.card{border-radius:20px;padding:24px}}