*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--blue:#0055a5;--blue-dark:#013a73;--red:#e11b22;--red-dark:#a31217;--bg:#f4f7fb;--surface:#fff;--text:#1c2733;--muted:#647081;--border:#e2e8f0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none}.navbar{background:var(--blue);color:#fff;z-index:10;position:sticky;top:0;box-shadow:0 2px 8px #0000001f}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{align-items:center;gap:6px;font-size:1.25rem;font-weight:800;display:flex}.brand-mark{background:var(--red);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:inline-flex}.nav-links{gap:28px;display:flex}.nav-links a{opacity:.8;border-bottom:2px solid #0000;padding:6px 2px;font-weight:600}.nav-links a.active,.nav-links a:hover{opacity:1;border-bottom-color:var(--red)}.heart-badge{background:#ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:flex}.heart-icon{color:var(--red)}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--red);color:#fff;box-shadow:0 6px 16px #e11b2259}.btn-primary:hover:not(:disabled){background:var(--red-dark)}.btn-outline{color:var(--blue);border:2px solid var(--blue);background:#fff}.btn-outline:hover{background:var(--blue);color:#fff}.hero{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff;padding:60px 0 70px}.hero h1{margin:0 0 12px;font-size:2.6rem;line-height:1.15}.hero p.lead{opacity:.92;max-width:620px;margin:0 0 28px;font-size:1.15rem}.hero-badges{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.pill{background:#ffffff26;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.section{padding:48px 0}.section h2{margin-bottom:6px;font-size:1.6rem}.section p.sub{color:var(--muted);margin-bottom:26px}.mascot-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.mascot-card{background:var(--surface);border:3px solid var(--border);text-align:center;cursor:pointer;border-radius:18px;padding:24px;transition:border-color .15s,transform .15s}.mascot-card:hover{transform:translateY(-3px)}.mascot-card.selected{border-color:var(--red);box-shadow:0 8px 22px #e11b222e}.mascot-card h3{margin:14px 0 4px}.mascot-card p{color:var(--muted);margin:0;font-size:.9rem}.mascot-card .tag{color:var(--red);background:#fdeaea;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0 36px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.stat-card .big{color:var(--blue);font-size:2rem;font-weight:800}.stat-card .label{color:var(--muted);font-size:.9rem;font-weight:600}.stat-card.hearts .big{color:var(--red)}.level-section{margin-bottom:36px}.level-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.level-header h3{margin:0}.level-lock{color:var(--muted);background:#eef1f5;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.games-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:transform .15s,box-shadow .15s;overflow:hidden}.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.game-card .ecg-strip{background:#0b1016;padding:10px}.game-card .body{padding:16px}.game-card h4{margin:0 0 6px;font-size:1.02rem}.game-card .meta{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.game-card .reward{color:var(--red);font-size:.9rem;font-weight:700}.game-card.locked{opacity:.55;pointer-events:none}.game-card.done{border-color:#17b35b}.badge-level{text-transform:uppercase;letter-spacing:.04em;color:var(--blue);font-size:.7rem;font-weight:700}.detail-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;display:grid}.quiz-options{gap:10px;margin-top:16px;display:grid}.quiz-option{text-align:left;border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:14px 16px;font-weight:600}.quiz-option:hover{border-color:var(--blue)}.quiz-option.correct{background:#eafff2;border-color:#17b35b}.quiz-option.wrong{border-color:var(--red);background:#fdecec}.quiz-option.picked{border-color:var(--blue);background:#eaf2fb}.feedback{border-radius:12px;margin-top:14px;padding:14px;font-weight:600}.feedback.success{color:#0e7a3c;background:#eafff2}.feedback.retry{color:#9a6400;background:#fff6e8}.pending-hearts{color:var(--red-dark);background:#fdeaea;border-radius:999px;margin-top:10px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-block}.email-note{color:var(--blue-dark);background:#eaf2fb;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:.88rem;font-weight:600}.paywall-card{text-align:center;max-width:520px}.paywall-card h3{margin:10px 0}.premium-tag{color:var(--red-dark);background:#fdeaea}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.pricing-card{border:2px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.pricing-card.featured{border-color:var(--red);background:#fff8f8}.pricing-tag{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800;position:absolute;top:-12px;right:16px}.pricing-card h4{margin:4px 0 0}.pricing-card .price{color:var(--blue);font-size:1.6rem;font-weight:800}.pricing-card .price span{color:var(--muted);font-size:.9rem;font-weight:600}.pricing-card p{color:var(--muted);flex-grow:1;margin:0;font-size:.88rem}.settings-grid{gap:20px;display:grid}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-row:last-child{border-bottom:none}.coming-soon{color:#9a6400;background:#fff6e8;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.analytics-card{margin-bottom:36px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:14px;display:grid}.analytics-item{background:var(--bg);text-align:center;border-radius:14px;padding:16px}.analytics-item .big{color:var(--blue);font-size:1.6rem;font-weight:800}.analytics-item .label{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:600}.shop-balance{align-items:center;gap:22px;margin-top:10px;display:flex}.shop-balance .big{font-size:1.8rem;font-weight:800}.shop-balance .label{color:var(--muted);font-size:.85rem;font-weight:600}.shop-arrow{color:var(--muted);font-size:1.4rem}.bonus-rewards{gap:10px;display:grid}.bonus-reward-row{background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bonus-reward-row .reward{color:var(--red);font-size:.9rem;font-weight:700}.share-box{flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;display:flex}.share-box img{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px}.share-link-row{flex:1;gap:8px;min-width:220px;display:flex}.share-link-input{border:1px solid var(--border);color:var(--muted);border-radius:10px;flex:1;padding:10px 14px;font-size:.85rem}.profile-card{text-align:center;max-width:560px;margin:0 auto}.profile-hearts{color:var(--red-dark);background:#fdeaea;border-radius:999px;margin-top:10px;padding:8px 18px;font-size:1.1rem;font-weight:800;display:inline-block}.profile-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.profile-badge{color:#0e7a3c;background:#eafff2;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}@media (width<=760px){.nav-links{display:none}.detail-grid{grid-template-columns:1fr}}