*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo: #1a1f5e;--indigo-mid: #3730a3;--indigo-light: #6366f1;--indigo-pale: #eef2ff;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--purple: #8b5cf6;--cyan: #06b6d4;--orange: #f97316;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--bg: #fafafa;--white: #ffffff;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12)}html,body{font-family:Nunito,DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.progress-bar{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--indigo-light),var(--purple));border-radius:999px;transition:width .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease forwards}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--indigo-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn-hero{background:#1a1f5e;color:#fff;border:none;border-radius:999px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #1a1f5e4d;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;position:relative;overflow:hidden}.btn-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .2s}.btn-hero:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 36px #1a1f5e73;background:#252b7a}.btn-hero:hover:after{opacity:1;animation:shimmer .7s ease forwards}.btn-hero:active{transform:translateY(0) scale(.98);box-shadow:0 3px 12px #1a1f5e4d}@keyframes pulse-glow{0%,to{box-shadow:0 4px 24px #7c3aed80}50%{box-shadow:0 4px 36px #7c3aedcc,0 0 0 6px #7c3aed1f}}@keyframes spin-small{to{transform:rotate(360deg)}}.btn-unlock{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-radius:999px;font-weight:800;border:none;cursor:pointer;font-size:1rem;letter-spacing:.01em;box-shadow:0 4px 24px #7c3aed80;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;overflow:hidden;animation:pulse-glow 3s ease-in-out infinite}.btn-unlock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);background-size:200% 100%;opacity:0;transition:opacity .2s}.btn-unlock:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.1);animation:none;box-shadow:0 10px 40px #7c3aedb3}.btn-unlock:hover:after{opacity:1;animation:shimmer .6s ease forwards}.btn-unlock:active{transform:translateY(0) scale(.97);filter:brightness(.95)}.btn-unlock:disabled{cursor:not-allowed;animation:none;filter:none;opacity:.85}.btn-unlock-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-small .7s linear infinite;vertical-align:middle;margin-right:8px}