:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#020617;background:radial-gradient(circle at top left,#e0f2fe 0,#f8fafc 45%,#fff 80%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:520px;background:#fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:28px 24px 24px;box-shadow:0 18px 45px #0f172a2e}@media(min-width:640px){.card{padding:32px 32px 28px}}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.logo-circle{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#f9fafb;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.04em}.card-title{margin:0;font-size:1.25rem;font-weight:700}.card-subtitle{margin:0;font-size:.85rem;color:#6b7280}.section-title{margin:6px 0 4px;font-size:1.15rem}.section-description{margin:0 0 16px;font-size:.9rem;color:#4b5563}.form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:12px;flex-direction:column}@media(min-width:600px){.form-row{flex-direction:row}}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.8rem;font-weight:500;color:#374151}.field input{border-radius:10px;border:1px solid #e5e7eb;padding:9px 11px;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9b3;background-color:#f9fafb}.field-hint{font-size:.75rem;color:#9ca3af}.primary-button{margin-top:4px;border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;color:#f9fafb;background:linear-gradient(135deg,#0ea5e9,#6366f1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;box-shadow:0 10px 25px #38bdf880}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 28px #38bdf899}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #38bdf866}.primary-button:disabled{opacity:.7;cursor:progress;box-shadow:none}.alert{border-radius:12px;padding:9px 11px;font-size:.86rem;line-height:1.4}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-success{background-color:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.success{display:flex;flex-direction:column;gap:12px}.small-text{margin-top:8px;font-size:.75rem;color:#9ca3af}.brand{font-weight:600}.app-footer{margin-top:12px;font-size:.75rem;color:#9ca3af}.legal-card{max-width:760px;text-align:left}.legal-updated{margin:4px 0 16px;font-size:.8rem;color:#6b7280}.legal-body{font-size:.9rem;color:#111827;line-height:1.6;display:flex;flex-direction:column;gap:8px}.legal-body h2{font-size:1rem;margin:18px 0 6px}.legal-body h3{font-size:.95rem;margin:12px 0 4px}.legal-body ul{padding-left:20px;margin:4px 0 8px}.legal-body li{margin-bottom:4px}.legal-body a{color:#0ea5e9;text-decoration:none}.legal-body a:hover{text-decoration:underline}.install-extension{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.install-extension .section-description,.install-extension .small-text{text-align:center}