:root{--primary: #6d4aff;--primary-hover: #5835eb;--primary-soft: #f3effe;--accent: #ff6b8b;--whatsapp: #20b858;--whatsapp-hover: #1aa34c;--bg: #fcfbfe;--surface: #ffffff;--text-main: #18122b;--text-secondary: #5a5270;--text-muted: #8b849e;--border: #eae5f3;--danger: #d92d50;--danger-bg: #fff0f3;--success: #12805c;--success-bg: #eafaf3;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--shadow-xs: 0 1px 3px rgba(24, 18, 43, .04);--shadow-sm: 0 4px 16px rgba(24, 18, 43, .05);--shadow-md: 0 12px 32px rgba(109, 74, 255, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text-main);font-family:Inter,Hind Siliguri,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideUp .28s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion: reduce){.animate-in{animation:none}}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 1.15rem}@media (min-width: 768px){.container{padding:0 2rem}}.site-header{position:sticky;top:0;z-index:50;background:#fcfbfee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:.75rem;flex-wrap:wrap;padding-top:.45rem;padding-bottom:.45rem}.brand-link{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text-main);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:inline-flex;align-items:center;justify-content:center}.nav-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.lang-switch{display:inline-flex;align-items:center;background:var(--primary-soft);border:1px solid #e2d9fc;border-radius:var(--radius-pill);padding:.2rem;cursor:pointer}.lang-pill{padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.lang-pill.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.6rem 1.2rem;border-radius:var(--radius-pill);font-weight:600;font-size:.94rem;font-family:inherit;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:all .16s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-whatsapp{background:var(--whatsapp);color:#fff}.btn-whatsapp:hover:not(:disabled){background:var(--whatsapp-hover);transform:translateY(-1px)}.btn-secondary{background:var(--primary-soft);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:#e7dffe}.btn-outline{background:var(--surface);color:var(--text-main);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.card-elevated{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;background:var(--primary-soft);color:var(--primary)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:1.2rem}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 880px){.grid-3{grid-template-columns:repeat(3,1fr)}}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-label{font-weight:600;font-size:.9rem;color:var(--text-main)}.form-input,.form-textarea,.form-select{width:100%;min-height:44px;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#fff;color:var(--text-main);font-size:.98rem;font-family:inherit;transition:border-color .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6d4aff24}.option-choice{width:100%;min-height:54px;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.98rem;font-family:inherit;font-weight:500;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;transition:all .15s ease}.option-choice:hover{border-color:var(--primary);background:#faf8ff}.option-choice.selected{border-color:var(--primary);background:var(--primary-soft);font-weight:600}.progress-track{width:100%;height:8px;background:var(--primary-soft);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .25s ease}.leaderboard-list{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border)}.rank-badge{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center}.rank-badge.top-1{background:#fef08a;color:#854d0e}.ad-slot-box{margin:2rem auto 0;padding:.9rem 1.2rem;border-radius:var(--radius-md);background:#f7f4fe;border:1px dashed #d8cefa;text-align:center;font-size:.84rem;color:var(--text-secondary)}.demo-bar{background:var(--text-main);color:#f3effe;font-size:.82rem;padding:.45rem 1rem;text-align:center}.alert-error{background:var(--danger-bg);color:var(--danger);padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-weight:600;font-size:.92rem}.alert-success{background:var(--success-bg);color:var(--success);padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-weight:600;font-size:.92rem}