:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc}body,html{margin:0;padding:0;min-height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;max-width:960px}.card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0f172a1f;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:1.5rem}.card h2{margin:0;font-size:1.5rem}.card p{margin:0;color:#475569}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;font-size:.9rem;color:#0f172a;font-weight:600}input{margin-top:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid #cbd5f5;font-size:1rem;transition:border-color .2s ease}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}button{padding:.75rem 1.25rem;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 20px #2563eb33}button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.alert{padding:.75rem 1rem;border-radius:12px;font-size:.95rem}.alert.error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.alert.success{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.helper{font-size:.85rem;color:#64748b}