*{box-sizing:border-box}body{background:var(--bg-gradient);color:var(--text-color);font-family:Poppins,Inter,Arial,sans-serif;text-align:center;margin:0;padding:0;min-height:100vh;transition:var(--theme-transition)}.navbar{display:flex;justify-content:space-between;align-items:center;background:var(--navbar-bg);padding:15px 20px;box-shadow:var(--card-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);position:relative;z-index:100;transition:var(--theme-transition)}.logo{font-size:1.8rem;font-weight:700;color:var(--logo-color);flex-shrink:0;transition:var(--theme-transition)}.logo a{text-decoration:none;color:inherit;font-weight:700}.navbar ul{list-style:none;padding:0;margin:0;display:flex}.navbar ul li{margin:0 15px}.navbar ul li a{text-decoration:none;color:var(--nav-link);font-size:1.2rem;transition:var(--theme-transition)}.navbar ul li a:hover,.navbar ul li a:focus{color:var(--nav-link-hover);outline:2px solid var(--nav-link-hover);outline-offset:2px;border-radius:2px}.buttons{display:flex;gap:8px;flex-shrink:0}.buttons button{background:var(--btn-primary-bg);color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:var(--theme-transition)}.buttons button a{color:#fff;text-decoration:none}.buttons button:hover{background:var(--btn-primary-hover)}.buttons button.a11y-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:10px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:var(--theme-transition)}.buttons button.a11y-btn:hover{background:var(--btn-secondary-bg);color:var(--text-color)}.buttons button.a11y-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.theme-btn{background:var(--btn-secondary-bg);color:var(--text-color);border:1px solid var(--border-color);padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:var(--theme-transition);display:flex;align-items:center;justify-content:center;gap:5px}.theme-btn:hover{background:var(--btn-secondary-hover);transform:translateY(-1px);box-shadow:var(--card-shadow)}.theme-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:200}.hamburger span{display:block;height:3px;width:100%;background:var(--text-color);border-radius:3px;transition:transform .3s ease,opacity .3s ease}.hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero{display:flex;justify-content:center;align-items:center;padding:60px 20px}.hero-content{max-width:500px;text-align:left}.hero h1{font-size:2.5rem;text-shadow:var(--hero-title-shadow);transition:var(--theme-transition)}.hero h2{font-size:2rem;color:var(--hero-subtitle-color);transition:var(--theme-transition)}.hero p{font-size:1.2rem;color:var(--text-muted);transition:var(--theme-transition)}.cta-buttons{margin-top:20px}.cta{background:var(--btn-primary-bg);color:#fff;padding:12px 18px;margin:5px;border-radius:8px;font-size:1rem;cursor:pointer;border:none;transition:var(--theme-transition)}.cta:hover{background:var(--btn-primary-hover);transform:translateY(-2px)}.cta a{text-decoration:none;color:inherit;font-weight:700}.hero-image img{width:400px;max-width:100%;border-radius:10px;filter:drop-shadow(0 0 15px rgba(0,255,255,.3))}@media (max-width: 768px){.hamburger{display:flex}.navbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navbar-bg);box-shadow:var(--card-shadow);padding:12px 0;z-index:99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar nav.is-open{display:block}.navbar ul{flex-direction:column;align-items:center;gap:0}.navbar ul li{margin:0;width:100%}.navbar ul li a{display:block;padding:12px 20px;text-align:center;font-size:1.1rem;border-bottom:1px solid var(--border-color)}.buttons{display:none}.hero{flex-direction:column;text-align:center}.hero-content{text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html[data-reduced-motion=true] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html[data-font-scale=sm]{font-size:16px}html[data-font-scale=lg]{font-size:18px}html[data-font-scale=xl]{font-size:20px}.explanation-panel{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff08}.explanation-title{font-weight:900;margin-bottom:6px}.explanation-body{color:var(--text-muted);line-height:1.55;white-space:pre-wrap}.explanation-correct{border-color:#10b98180;background:#10b98114}.explanation-wrong{border-color:#ef444480;background:#ef444414}.section-eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-color);margin-bottom:10px}.features-strip{max-width:1100px;margin:0 auto;padding:20px 20px 70px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:6px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:28px 18px;box-shadow:var(--card-shadow);text-align:center;transition:var(--theme-transition),transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-color)}.feature-icon{width:46px;height:46px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#38bdf81f}.feature-icon i{font-size:1.25rem;color:var(--accent-color)}.feature-card h3{margin:0 0 6px;font-size:1.05rem;color:var(--text-color)}.feature-card p{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.5}.product-preview{max-width:820px;margin:0 auto;padding:0 20px 70px;text-align:center}.product-preview h2{margin:0 0 22px;font-size:1.5rem;color:var(--text-color)}.browser-frame{border-radius:14px;overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-align:left}.browser-frame-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--btn-secondary-bg);border-bottom:1px solid var(--card-border)}.browser-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.browser-dot-red{background:#ef4444}.browser-dot-yellow{background:#f59e0b}.browser-dot-green{background:#10b981}.browser-frame-url{margin-left:10px;font-size:.78rem;color:var(--text-muted);font-family:monospace}.browser-frame img{display:block;width:100%}.stats-section{display:flex;align-items:center;justify-content:center;gap:40px;max-width:700px;margin:0 auto;padding:0 20px 70px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:var(--text-color)}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.stat-divider{width:1px;height:40px;background:var(--border-color)}#practiceSessionsRecommendation{color:var(--accent-color);margin-top:4px}#practiceSessionsRecommendationSub{line-height:1.5}.final-cta{max-width:600px;margin:0 auto;padding:50px 20px 90px;text-align:center;position:relative}.final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(56,189,248,.12),transparent 70%);z-index:-1}.final-cta h2{font-size:1.5rem;margin:0 0 8px;color:var(--text-color)}.final-cta p{margin:0 0 22px;color:var(--text-muted);font-size:.95rem}.cta-large{padding:14px 36px;font-size:1.1rem;font-weight:700;box-shadow:0 0 20px #38bdf840}@media (max-width: 768px){.features-grid{grid-template-columns:1fr 1fr}.stats-section{gap:24px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}.stats-section{flex-direction:column;gap:20px}.stat-divider{width:40px;height:1px}}*:focus-visible{outline:3px solid var(--accent-color, #38bdf8);outline-offset:3px}