:root{--color-bg:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-accent:#0071e3;--radius-card:14px;--radius-pill:9999px;--shadow-card:0 4px 16px #00000014;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-duration:.2s}@media (prefers-color-scheme:dark){:root{--color-bg:#000;--color-text-primary:#f5f5f7;--color-text-secondary:#86868b;--color-accent:#2997ff}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,sans-serif;display:flex}a{color:inherit;text-decoration:none}.auth-page{padding:var(--space-16);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px;padding:var(--space-32);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--color-bg)}.auth-card h1{letter-spacing:-.01em;margin-bottom:var(--space-24);font-size:28px;font-weight:600}.auth-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-24)}.auth-form{gap:var(--space-16);flex-direction:column;display:flex}.auth-field{gap:var(--space-8);color:var(--color-text-secondary);flex-direction:column;font-size:14px;display:flex}.auth-field input{font:inherit;color:var(--color-text-primary);border:1px solid var(--color-text-secondary);border-radius:var(--radius-card);padding:var(--space-8) var(--space-16);transition:border-color var(--motion-duration) var(--motion-ease);background:0 0;font-size:16px}.auth-field input:focus{border-color:var(--color-accent);outline:none}.auth-error{color:var(--color-text-primary);font-size:14px}.auth-submit{font:inherit;color:#fff;background:var(--color-accent);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-24);cursor:pointer;transition:opacity var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);border:none;font-size:16px;font-weight:600}.auth-submit:hover{opacity:.9}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.5;cursor:default}