*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937}.page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:16px}.page--app{background:#f3f4f6}.page--login{background:linear-gradient(135deg,#4338ca,#2563eb,#0ea5e9);background-size:200% 200%;animation:gradientShift 12s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card,.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f;padding:32px;max-width:420px;width:100%}.login-card{text-align:center;animation:cardIn .4s ease-out}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-badge{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#4338ca,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #2563eb59}.brand-badge svg{width:28px;height:28px}h1{font-size:1.5rem;margin:0 0 8px}.login-card h1{margin-bottom:4px}.subtitle{color:#6b7280;margin:0 0 24px;font-size:.95rem;line-height:1.4}h2{font-size:1.1rem;margin:24px 0 8px}.email{color:#374151}.status{color:#6b7280}.error{color:#b91c1c}.items{padding-left:20px;margin:0 0 16px;text-align:left}.items li{margin-bottom:4px}button{font-size:1rem;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;width:100%;margin-top:8px}button.primary{background:#2563eb;color:#fff}button.primary:hover{background:#1d4ed8}button.secondary{background:#e5e7eb;color:#111827}button.secondary:hover{background:#d1d5db}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;padding:11px 16px;font-size:.95rem;font-weight:500;box-shadow:0 1px 2px #00000014;transition:box-shadow .15s ease,background .15s ease;margin-top:4px}.google-btn:hover{background:#f8f9fa;box-shadow:0 2px 6px #00000026}.google-btn:active{background:#f1f3f4}.google-icon{width:18px;height:18px;flex-shrink:0}.login-hint{margin:16px 0 0;color:#9ca3af;font-size:.8rem}@media (max-width: 480px){.card,.login-card{padding:24px}}