body{margin:0}#root{max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#e0f7ff 0,#e5e7eb 45%,#f3f4f6);color:#111827!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-container{width:100%;max-width:420px}.login-card{background:#fffffff5;border-radius:16px;padding:32px 28px 24px;box-shadow:0 18px 45px #0f172a26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.1)}.login-logo{display:block;width:72px;height:auto;margin:0 auto 16px}.login-title{text-align:center;font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:.03em}.login-subtitle{text-align:center;font-size:13px;color:#6b7280;margin:0 0 24px}.login-error{margin-bottom:16px;padding:10px 12px;border-radius:8px;background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:11px;font-size:18px;color:#9ca3af}.login-input{color:#111827;width:100%;padding:10px 12px 10px 38px;border:1px solid #e5e7eb;border-radius:999px;font-size:14px;background-color:#f9fafb;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .06s ease}.login-input::placeholder{color:#9ca3af}.login-input:focus{outline:none;border-color:#0ea5e9;background-color:#fff;box-shadow:0 0 0 1px #0ea5e94d;transform:translateY(-1px)}.login-button{width:100%;margin-top:4px;padding:10px 16px;border-radius:999px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 10px 25px #2563eb59;transition:transform .08s ease,box-shadow .08s ease,filter .1s ease}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #2563eb66;filter:brightness(1.03)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #2563eb4d}.login-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.login-register-text{margin-top:18px;text-align:center;font-size:13px;color:#6b7280}.register-link{color:#2563eb;text-decoration:none;font-weight:600}.register-link:hover{text-decoration:underline}