@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-input:#1e293b;--text:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-light:rgba(59,130,246,.1);--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.2);--nav-bg:#0f172a;--footer-bg:#0f172a;--sidebar-bg:#000;--card-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=light]{--bg:#fff;--bg-secondary:#f9fafb;--bg-card:#fff;--bg-input:#fff;--text:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:red;--accent-hover:#c00;--accent-light:rgba(255,0,0,.1);--border:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.2);--nav-bg:#fff;--footer-bg:#f9fafb;--sidebar-bg:#fff;--card-shadow:0 1px 3px rgba(0,0,0,.1)}:root{--color-bg-primary:#0b0f14;--color-bg-secondary:#111827;--color-bg-tertiary:#1f2937;--color-text-primary:#e5e7eb;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:#1f2937;--color-border-light:#374151;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-light:rgba(59,130,246,.1);--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent);color:#fff}[data-theme=light] input[type=range]{accent-color:red;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--accent);border-radius:2px;outline:none}[data-theme=light] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}[data-theme=light] input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--accent);border-radius:2px}[data-theme=light] input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff}.grid-responsive{display:grid;grid-gap:24px;gap:24px}.grid-responsive-2{grid-template-columns:1.5fr 1fr}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-responsive-2{grid-template-columns:1fr 1fr}.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.container-padding{padding-left:16px!important;padding-right:16px!important}.btn-mobile-full{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressBar{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .4s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .4s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-slideInRight{animation:slideInRight .4s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.3)}.btn-press{transition:transform .1s ease}.btn-press:active{transform:scale(.97)}.page-transition{animation:fadeInUp .4s ease-out}.card-hover{transition:all .2s ease;border:1px solid var(--color-border)}.card-hover:hover{border-color:var(--color-accent);background-color:var(--color-bg-tertiary)}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;width:100%;max-width:100vw}iframe,img,video{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}h1{font-size:clamp(32px,5vw,52px);line-height:1.1}h2{font-size:clamp(24px,4vw,36px);line-height:1.2}h3{font-size:clamp(18px,3vw,24px);line-height:1.3}p{font-size:clamp(14px,2vw,18px);line-height:1.6}.section-padding{padding:80px 24px}@media (max-width:768px){.section-padding{padding:48px 16px}}@media (max-width:480px){.section-padding{padding:32px 12px}}.grid-auto{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.grid-auto{gap:16px;grid-template-columns:1fr}}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:768px){.grid-2-col{grid-template-columns:1fr;gap:16px}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:32px;text-align:center}}.stats-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}@media (max-width:768px){.stats-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-primary,[data-theme=light] button[style*="var(--accent)"],button[style*="var(--accent)"]{color:#fff!important}@media (max-width:768px){.btn{padding:12px 20px;font-size:14px;width:100%}.btn-group{flex-direction:column;width:100%}}.card{background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px;box-shadow:var(--card-shadow)}@media (max-width:768px){.card{padding:16px;border-radius:8px}}.header-nav{display:flex;align-items:center;gap:24px}@media (max-width:768px){.header-nav{display:none}.mobile-menu-btn{display:flex!important}}input,select,textarea{width:100%;max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.text-center-mobile{text-align:left}@media (max-width:768px){.text-center-mobile{text-align:center}.hide-mobile{display:none!important}.show-mobile{display:block!important}}.show-mobile{display:none}html[data-experience=beginner]{--accent-primary:#4f8cff;--accent-soft:rgba(79,140,255,.15);--accent-border:#7da8ff;--experience-accent:#4f8cff;--experience-border:#7da8ff}html[data-experience=advanced]{--accent-primary:#7c5cff;--accent-soft:rgba(124,92,255,.15);--accent-border:#9a84ff;--experience-accent:#7c5cff;--experience-border:#9a84ff}html[data-experience=expert]{--accent-primary:#111;--accent-soft:hsla(0,0%,7%,.12);--accent-border:#2a2a2a;--experience-accent:#111;--experience-border:#2a2a2a;--border:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.12);--card-shadow:0 1px 2px rgba(0,0,0,.1);--experience-bg:var(--bg);--experience-surface:var(--bg-card);--experience-text:var(--text)}html[data-experience=expert][data-theme=light]{--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.12);--card-shadow:0 1px 2px rgba(0,0,0,.08);--experience-bg:var(--bg);--experience-surface:var(--bg-card);--experience-text:var(--text)}html[data-experience=expert] .card{padding:28px}html[data-experience=expert] .container{padding-left:28px;padding-right:28px}html[data-experience]{--accent:var(--experience-accent)}