:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f6fb;color:#1c2333}
.auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(20,30,60,.12);padding:36px 32px;max-width:360px;width:calc(100% - 48px);text-align:center}
.auth-card h1{font-size:22px;margin:0 0 8px}
.auth-card p{color:#5b6478;font-size:14px;line-height:1.5;margin:0 0 22px}
.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid #d5dae5;background:#fff;color:#1c2333;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
.auth-button:hover{background:#f7f8fc}
.auth-button:disabled{opacity:.6;cursor:default}
.auth-error{color:#c0392b;font-size:13px;margin-top:14px;min-height:18px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}
.auth-card{width:100%;max-width:424px}
.auth-button{touch-action:manipulation}
@media (max-width:768px){.auth-button{min-height:48px;font-size:16px}}
@media (max-width:480px){.auth-card{padding:32px 22px;border-radius:18px}.auth-card h1{font-size:24px}.auth-card p{font-size:15px}}