*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background-color:#1a1a2e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background-color:#16213e;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000004d}.auth-card h1{text-align:center;color:#e94560;margin-bottom:8px;font-size:2rem}.subtitle{text-align:center;color:#aaa;margin-bottom:24px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#ccc;font-size:.9rem}.form-group input{color:#eee;background-color:#0f0f23;border:1px solid #333;border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#e94560;outline:none;box-shadow:0 0 0 3px #e945601a}.btn-primary{color:#fff;cursor:pointer;background-color:#e94560;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:background-color .2s,transform .1s}.btn-primary:hover:not(:disabled){background-color:#d63d57}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-logout{color:#fff;cursor:pointer;background-color:#e94560;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;transition:background-color .2s,transform .1s}.btn-logout:hover{background-color:#d63d57}.btn-logout:active{transform:scale(.98)}.auth-links{border-top:1px solid #333;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:24px;display:flex}.auth-links a{color:#e94560;font-size:.9rem;text-decoration:none;transition:color .2s}.auth-links a:hover{color:#ff6b8a;text-decoration:underline}.separator{color:#555}.error-message{color:#ff8a9d;background-color:#ef47601a;border:1px solid #e94560;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.loading-spinner{border:3px solid #333;border-top-color:#e94560;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.timeracer-text{color:#e94560;text-shadow:0 0 20px #e9456080;letter-spacing:8px;font-size:5rem;font-weight:700}.user-email{color:#aaa;margin-top:32px;font-size:.9rem}@media (width<=480px){.auth-card{padding:30px 20px}.auth-card h1{font-size:1.5rem}.timeracer-text{letter-spacing:4px;font-size:3rem}}