*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c63ff;--primary-dark:#5a52d5;--secondary:#ff6584;--success:#43d787;--danger:#ff4d4d;--warning:#ffc107;--bg:#f0f2ff;--card-bg:#fff;--text:#2d2d2d;--text-light:#6b7280;--border:#e5e7eb;--shadow:0 4px 24px rgba(108,99,255,.12);--radius:16px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:720px;margin:0 auto;padding:24px 16px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,99,255,.35)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:50px;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:50px;transition:width .4s ease}@media (max-width:600px){.card{padding:24px 20px}}