:root{--brand-primary:#A9B1FF;--font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html.dark{--bg:#0F0F0D;--surface:#1A1A17;--surface2:#222220;--accent:#A9B1FF;--accent2:#6667AB;--gold:#D4A853;--text:#E8E8E0;--muted:#9a9a90;--border:rgba(169,177,255,.14);--border-strong:rgba(169,177,255,.34);--glass:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02));--glass-hover:rgba(169,177,255,.06);--success:#4ade80;--danger:#FF6B6B;--warn:#D4A853;color-scheme:dark}html.light{--bg:#f4f4f8;--surface:#ffffff;--surface2:#f0f0f6;--accent:#5b60c9;--accent2:#6667AB;--gold:#b8862f;--text:#1b1a22;--muted:#5a5a66;--border:rgba(91,96,201,.16);--border-strong:rgba(91,96,201,.4);--glass:linear-gradient(160deg, rgba(255,255,255,.75), rgba(255,255,255,.5));--glass-hover:rgba(91,96,201,.06);--success:#16a34a;--danger:#dc2626;--warn:#b8862f;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;overflow-x:hidden;min-height:100dvh;position:relative}body:before{content:"";position:fixed;top:-260px;right:-200px;width:620px;height:620px;background:radial-gradient(circle,rgba(169,177,255,.16) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-320px;left:-220px;width:560px;height:560px;background:radial-gradient(circle,rgba(102,103,171,.14) 0%,transparent 70%);pointer-events:none;z-index:0}html.light body:before{opacity:.5}html.light body:after{opacity:.5}.noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}main,.shell{position:relative;z-index:2}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.15;font-weight:800;letter-spacing:-.01em;overflow-wrap:break-word;word-break:break-word;hyphens:auto}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:16px}.eyebrow{display:inline-block;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);background:#a9b1ff0f;padding:6px 16px;border-radius:100px}.txt{color:var(--text)}.muted{color:var(--muted)}.glass{background:var(--glass);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 8px 40px #00000047,inset 0 1px #ffffff0f}html.light .glass{box-shadow:0 8px 30px #1412281a,inset 0 1px #fff9}.glass-hover{transition:border-color .25s,transform .25s}.glass-hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:all .25s ease}.card:hover{border-color:var(--border-strong)}.field{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.75rem 1rem;outline:none;transition:border-color .15s,background .15s}.field::placeholder{color:var(--muted)}.field:focus{border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.02em;transition:all .2s ease;cursor:pointer}.btn-primary{background:var(--accent);color:#0f0f0d;box-shadow:0 0 32px #a9b1ff38}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 40px #a9b1ff59}.btn-primary:disabled{opacity:.5;transform:none;cursor:default}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--glass-hover);border-color:var(--border-strong)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#f0c46b 100%);color:#0f0f0d;box-shadow:0 8px 28px #d4a85366}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 40px #d4a853b3}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{transform:translateY(-2px)}.progress-track{background:var(--surface2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-fill{background:linear-gradient(90deg,var(--accent2),var(--accent));height:100%;border-radius:999px;transition:width .8s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #a9b1ff80}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:1px solid transparent}.badge-locked{color:var(--muted);border-color:var(--border);background:var(--surface2)}.badge-open{color:var(--accent);border-color:var(--border-strong);background:#a9b1ff1a}.badge-pass{color:var(--success);border-color:#4ade8066;background:#4ade801f}.badge-fail{color:var(--danger);border-color:#ff6b6b66;background:#ff6b6b1f}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.3}}.confetti-piece{position:fixed;top:0;width:10px;height:14px;z-index:60;pointer-events:none;animation:confetti-fall linear forwards}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.pulse-soft{animation:pulse-soft 2.2s ease-in-out infinite}@keyframes float-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.float-in{animation:float-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes glow-pulse{0%,to{box-shadow:0 0 #a9b1ff66}50%{box-shadow:0 0 0 6px #a9b1ff00}}.glow-pulse{animation:glow-pulse 2.4s ease-in-out infinite}.container{max-width:1100px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.05rem!important}}@media(max-width:400px){h1{font-size:1.35rem!important}h2{font-size:1.15rem!important}}
