*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0095f6;--color-primary-hover:#1877f2;--color-primary-light:rgba(0,149,246,.1);--color-primary-muted:rgba(0,149,246,.15);--color-text-primary:#262626;--color-text-secondary:#8e8e8e;--color-text-muted:#c7c7c7;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fff;--color-surface-secondary:#fafafa;--color-surface-hover:#f5f5f5;--color-border:#dbdbdb;--color-border-light:#efefef;--color-success:#00c853;--color-success-muted:rgba(0,200,83,.15);--color-error:#ed4956;--color-error-muted:rgba(237,73,86,.15);--color-warning:#ffab00;--color-warning-muted:rgba(255,171,0,.15);--color-info:#0095f6;--color-info-muted:rgba(0,149,246,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-normal:200ms ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--color-primary:#0095f6;--color-primary-hover:#1877f2;--color-primary-light:rgba(0,149,246,.15);--color-primary-muted:rgba(0,149,246,.2);--color-text-primary:#f5f5f5;--color-text-secondary:#a8a8a8;--color-text-muted:#6e6e6e;--color-text-inverse:#262626;--color-background:#000;--color-surface:#121212;--color-surface-secondary:#1c1c1c;--color-surface-hover:#262626;--color-border:#363636;--color-border-light:#2a2a2a;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5)}}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text-primary);background-color:var(--color-background);min-height:100dvh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.auth-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:400px;margin:0 auto}.auth-title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;color:var(--color-text-primary)}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.form-group input{padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:16px;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary)}.form-group input::placeholder{color:var(--color-text-muted)}.auth-button{margin-top:8px;width:100%;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;padding:12px 16px;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.auth-button:hover:not(:disabled){background:var(--color-primary-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:rgba(237,73,86,.1);border:1px solid rgba(237,73,86,.3);color:var(--color-error);padding:12px 16px;border-radius:var(--radius-md);font-size:14px}.auth-link{margin-top:24px;text-align:center;font-size:14px;color:var(--color-text-secondary)}.auth-link a{color:var(--color-primary);font-weight:500}.auth-link a:hover{text-decoration:underline}@media (max-width:480px){.auth-container{padding:24px;margin:0 16px;border-radius:var(--radius-md)}}