:root{--bg:#070b16;--bg-soft:#10182a;--panel:#0d1527d6;--panel-strong:#121c34f5;--line:#97b1ff1f;--text:#f6f8ff;--muted:#9ba7c1;--blue:#63b7ff;--blue-strong:#2e89ff;--green:#4ee38d;--orange:#ff8a4c;--shadow:0 18px 60px #00000059;--radius-xl:28px;--radius-lg:22px;--radius-md:18px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#4781ff2e,#0000 28%),radial-gradient(circle at 100% 0,#ff8e581f,#0000 26%),linear-gradient(#0a1222 0%,#060910 100%);margin:0;font-family:SF Pro Display,Sukhumvit Set,Noto Sans Thai,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100dvh;padding:16px 16px calc(88px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.top-space{height:calc(8px + env(safe-area-inset-top))}.stack{gap:16px;display:grid}.hero-card,.panel-card,.lesson-row,.module-card,.video-card,.feature-card,.cta-band,.landing-hero{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card,.landing-hero{border-radius:30px;min-height:300px;padding:24px;position:relative;overflow:hidden}.hero-card{align-content:end;display:grid}.hero-card:before,.landing-hero:before{content:"";z-index:0;background:linear-gradient(#00000014 0%,#070b1624 35%,#070b16e6 100%),url(/Hero_img.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-card>*,.landing-hero>*{z-index:1;position:relative}.landing-hero{align-items:end;gap:18px;display:grid}.landing-hero-video{gap:16px;padding:18px}.landing-hero:before{background:linear-gradient(#050a161a 0%,#050a1647 32%,#050a16e0 100%),radial-gradient(circle at 0 0,#62acff2e,#0000 30%),linear-gradient(135deg,#0f1c38eb,#050912eb)}.landing-copy{gap:12px;display:grid}.landing-actions{gap:14px;padding:2px 0 4px;display:grid}.hero-state-grid{grid-template-columns:1fr;gap:10px;display:grid}.info-strip-grid{gap:12px;display:grid}.info-strip-card{box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:8px;padding:16px 18px;display:grid}.info-strip-kicker{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.info-strip-title{font-size:1.05rem;font-weight:800;line-height:1.35}.info-strip-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.hero-state-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:6px;padding:14px;display:grid}.hero-state-label{color:var(--muted);font-size:12px;font-weight:700}.hero-state-value{font-size:14px;font-weight:800;line-height:1.35}.video-hero-shell{background:#05070d;border:1px solid #ffffff14;border-radius:24px;min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000047}.video-hero-media{object-fit:cover;width:100%;height:100%;display:block;position:relative}.landing-title{margin:0;font-size:clamp(2.5rem,10vw,4.3rem);font-weight:800;line-height:.94}.landing-title span{color:#ffb081}.landing-copy-text{color:#d6ddef;max-width:28rem;margin:0;font-size:16px;line-height:1.6}.hero-preview-card{justify-items:end;display:grid}.preview-phone{background:linear-gradient(#0b101ceb,#070910fa);border:1px solid #ffffff14;border-radius:34px;width:min(100%,270px);padding:10px;box-shadow:0 24px 70px #00000052}.preview-notch{background:#ffffff14;border-radius:999px;width:40%;height:22px;margin:0 auto 12px}.preview-screen{background:#09111f;border-radius:26px;min-height:410px;position:relative;overflow:hidden}.preview-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-overlay{background:linear-gradient(#080c1605,#080c16e6);padding:18px;position:absolute;inset:auto 0 0}.preview-kicker{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.preview-title{margin:10px 0 0;font-size:2rem;font-weight:800;line-height:.95}.preview-body{color:#ffffffc7;margin:10px 0 0;font-size:14px;line-height:1.45}.chip-row,.metric-row,.nav-row{flex-wrap:wrap;gap:10px;display:flex}.chip{color:var(--muted);background:#080e1bad;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.hero-title,.page-title{margin:6px 0 0;font-size:clamp(2.2rem,8vw,3.7rem);font-weight:800;line-height:.94}.hero-title span{color:#ffb081}.hero-copy,.page-copy{color:#d8dded;margin:14px 0 0;font-size:16px;line-height:1.6}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.button-primary,.button-secondary,.button-accent{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-weight:700;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg,#4aa8ff 0%,#1d7bff 100%);box-shadow:0 10px 30px #1e71ff59}.button-secondary{color:#dce6fb;background:#ffffff0f;border:1px solid #ffffff14}.button-accent{color:#fff7f0;background:linear-gradient(135deg,#ff9e4a 0%,#ff6b1a 100%);box-shadow:0 12px 34px #ff782d57}.button-premium-entry{position:relative;overflow:hidden}.button-premium-entry:before{content:"";opacity:.22;filter:brightness(0)invert();pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#ffffff0f),url(/premium-quality.png) 50%/38px 38px no-repeat;position:absolute;inset:0}.button-premium-entry>*{z-index:1;position:relative}.section-title{margin:4px 0;font-size:1.15rem;font-weight:800}.section-subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.panel-card{border-radius:var(--radius-xl);padding:18px}.video-card{border-radius:var(--radius-xl);gap:16px;padding:18px;display:grid}.pricing-hero{gap:12px;padding:8px 2px 4px;display:grid}.cover-panel{border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#0d1527db,#0d1527f5);position:relative;overflow:hidden}.cover-panel:before{content:"";opacity:.92;background:linear-gradient(#060a1238 0%,#060a128f 35%,#060a12e6 100%),url(/Hero_img.webp) 50%/cover no-repeat;position:absolute;inset:0}.cover-panel>*{z-index:1;position:relative}.cover-panel-courses,.cover-panel-module,.cover-panel-progress,.cover-panel-profile,.cover-panel-pricing{padding:20px}.cover-panel-courses:before{background:linear-gradient(#070a122e,#070a12c7),url(/Hero_Courses.webp) 50%/cover no-repeat}.cover-panel-module:before{background:linear-gradient(#080c1624,#080c16d1),url(/Hero_IC_Plain.webp) 50%/cover no-repeat}.cover-panel-progress:before{background:linear-gradient(#080c161f,#080c16d6),url(/Hero_Progress.webp) 50%/cover no-repeat}.cover-panel-profile:before{background:linear-gradient(#080c1629,#080c16db),url(/Hero_Profile.webp) 50%/cover no-repeat}.cover-panel-pricing:before{background:linear-gradient(#100a051a,#100a05d1),radial-gradient(circle at 100% 0,#ff97543d,#0000 30%),url(/Hero_Pricing.webp) 50%/cover no-repeat}.pricing-grid{gap:16px;display:grid}.pricing-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;gap:14px;padding:22px;display:grid}.pricing-card-preview{background:radial-gradient(circle at 100% 0,#62acff29,#0000 34%),#0b1323e6}.pricing-card-premium{background:radial-gradient(circle at 100% 0,#ffa6632e,#0000 30%),linear-gradient(#191209f5,#0b0905f5);border-color:#ffc08229}.pricing-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.pricing-name{margin:0;font-size:1.6rem;font-weight:800}.pricing-price{gap:4px;margin:0;font-size:2.3rem;font-weight:800;line-height:1;display:grid}.pricing-price span{color:var(--muted);font-size:.9rem;font-weight:600}.pricing-copy{color:#d7deef;margin:0;font-size:14px;line-height:1.6}.pricing-list{color:#eef3ff;gap:10px;margin:0;padding-left:18px;font-size:14px;line-height:1.5;display:grid}.pricing-mini-grid{grid-template-columns:1fr;gap:12px;display:grid}.pricing-fit-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;gap:6px;padding:14px 15px;display:grid}.pricing-fit-box-premium{background:#ffad6914;border-color:#ffc28a29}.pricing-fit-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.pricing-fit-copy{color:#e8edf8;margin:0;font-size:13px;line-height:1.5}.pricing-proof-note{flex-wrap:wrap;gap:10px;display:flex}.pricing-decision-strip{gap:12px;display:grid}.pricing-decision-card{box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:8px;padding:16px 18px;display:grid}.pricing-decision-card-accent{background:radial-gradient(circle at 100% 0,#ffa66324,#0000 34%),#181008f5;border-color:#ffc28a2e}.pricing-decision-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.pricing-decision-title{font-size:15px;font-weight:800;line-height:1.5}.inline-notice{box-shadow:var(--shadow);background:linear-gradient(#2d1b08f5,#1b1107f5);border:1px solid #ffb8722e;border-radius:20px;padding:16px 18px}.checkout-action{gap:8px;display:grid}.checkout-help{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.checkout-error{color:#ffd9c6;background:#751f12bd;border:1px solid #ff947438;border-radius:14px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.paywall-card{background:radial-gradient(circle at 100% 0,#ffa56e1f,#0000 30%),#0c1222f0}.paywall-plan{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.paywall-price{margin:0;font-size:1.1rem;font-weight:800}.paywall-note{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.payment-status-list{gap:10px;display:grid}.payment-status-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:12px minmax(0,1fr);align-items:start;gap:12px;padding:14px 15px;display:grid}.payment-status-item.done{background:#4ee38d14;border-color:#4ee38d29}.payment-status-dot{background:#ffffff42;border-radius:999px;width:10px;height:10px;margin-top:5px}.payment-status-item.done .payment-status-dot{background:#4ee38d}.payment-status-title{margin:0;font-size:14px;font-weight:700}.payment-status-copy{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.video-shell{background:#0000003d;border:1px solid #ffffff14;border-radius:22px;overflow:hidden}.intro-video{aspect-ratio:9/16;object-fit:cover;background:#060910;width:100%;display:block}.feature-grid{gap:14px;display:grid}.feature-card{border-radius:24px;gap:10px;padding:18px;display:grid}.feature-icon{color:#9ecbff;background:#62acff1f;border-radius:16px;place-items:center;width:50px;height:50px;font-size:22px;font-weight:700;display:grid}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.cta-band{background:radial-gradient(circle at 100% 0,#5da2ff2e,#0000 32%),linear-gradient(135deg,#2155ffdb,#122870f5);border-radius:30px;padding:22px}.how-it-works-grid{gap:12px;display:grid}.how-it-works-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px;display:grid}.timeline-number{color:#abd2ff;background:#62acff1f;border:1px solid #62acff24;border-radius:14px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:grid}.timeline-content{min-width:0}.metric-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex:1 1 0;min-width:0;padding:16px}.metric-value{font-size:1.5rem;font-weight:800}.metric-label{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.quiz-chip{color:#ffe58b;letter-spacing:.01em;background:#ffd65a1f;border:1px solid #ffd65a29;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.quiz-chip-inline{margin-top:10px}.what-you-get-list{gap:10px;display:grid}.what-you-get-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.what-you-get-item strong{font-size:14px;font-weight:800}.what-you-get-item span{color:var(--muted);text-align:right;font-size:13px;line-height:1.45}.course-banner{border:1px solid var(--line);background:linear-gradient(160deg,#1c2d51e6,#0d1322f2);border-radius:28px;align-content:end;min-height:240px;padding:22px;display:grid;position:relative;overflow:hidden}.course-banner-compact{align-content:space-between;min-height:220px}.course-banner-copy{z-index:1;gap:10px;display:grid;position:relative}.course-banner-title{margin-top:4px;font-size:1.85rem}.course-banner:after{content:"";opacity:.78;background:linear-gradient(#00000005 0%,#080c19c2 100%),url(/Hero_IC_Plain.webp) 50%/cover no-repeat;position:absolute;inset:0}.course-banner>*{z-index:1;position:relative}.module-card{border-radius:22px;gap:12px;padding:18px;display:grid}.module-summary{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.module-top,.lesson-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.module-badge,.status-pill{border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.module-badge{color:#9ecbff;background:#62acff1f}.status-pill.completed{color:#9af2be;background:#4ee38d1f}.status-pill.in-progress{color:#9ecbff;background:#62acff1f}.status-pill.not-started{color:#c4cde0;background:#ffffff0f}.progress-track{background:#ffffff14;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#67bfff,#4ee38d);position:absolute;inset:0 auto 0 0}.lesson-list{gap:12px;display:grid}.lesson-row{border-radius:20px;align-items:center;gap:14px;padding:15px 16px;display:flex}.lesson-code{color:#b7d6ff;background:#5488ff1f;border:1px solid #62acff24;border-radius:18px;place-items:center;width:64px;min-width:64px;height:64px;font-weight:800;display:grid}.lesson-meta{flex:1;min-width:0}.lesson-name{margin:0;font-size:1rem;font-weight:700}.lesson-sub{color:var(--muted);margin:5px 0 0;font-size:13px}.lesson-action{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:36px;min-width:36px;height:36px;display:grid}.lesson-action.completed{color:#98f0bc;background:#4ee38d1f}.lesson-action.in-progress{color:#9ecbff;background:#62acff1f}.page-head{gap:8px;margin-bottom:4px;display:grid}.banner-row{gap:12px;display:grid}.player-shell{min-height:calc(100dvh - 32px - env(safe-area-inset-top));border:1px solid var(--line);box-shadow:var(--shadow);background:#04070ef2;border-radius:30px;overflow:hidden}.player-frame{width:100%;height:100%;min-height:calc(100dvh - 34px - env(safe-area-inset-top));background:#05070d;border:0;display:block}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100% - 24px,500px);box-shadow:var(--shadow);background:#090e18e0;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bottom-nav a{color:#a0abc4;border-radius:22px;place-items:center;gap:6px;min-height:74px;padding:8px 4px;font-size:13px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:grid}.bottom-nav a.active{color:#fff;background:linear-gradient(135deg,#489aff3d,#489aff14);transform:translateY(-1px)}.bottom-nav-icon{justify-content:center;align-items:center;width:28px;height:28px;line-height:1;display:inline-flex}.bottom-nav-icon svg{width:28px;height:28px}.bottom-nav-icon img{object-fit:contain;filter:brightness(0)saturate()invert(89%)sepia(12%)saturate(373%)hue-rotate(184deg)brightness(96%)contrast(95%);width:26px;height:26px}.bottom-nav a.active .bottom-nav-icon img{filter:brightness(0)saturate()invert()}.button-inline-icon{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.button-inline-icon img{object-fit:contain;width:18px;height:18px}.button-inline-icon-premium img{filter:brightness(0)invert()}.button-inline-icon-free{font-size:1rem;line-height:1}.bottom-nav-label{font-size:12.5px;line-height:1}.progress-dashboard-shell{gap:20px}.progress-hero-panel{place-items:center;padding:6px 0 2px;display:grid}.progress-ring{--progress:0%;box-sizing:border-box;background:radial-gradient(circle at center, #080e1cf2 0 59%, transparent 60% 100%), conic-gradient(from 210deg, #5dc3ff 0 var(--progress), #ffffff14 var(--progress) 100%);border-radius:50%;flex:none;width:min(280px,72vw);height:min(280px,72vw);padding:18px;box-shadow:0 24px 60px #08112673,inset 0 0 34px #5dc3ff33}.progress-ring-inner{text-align:center;background:radial-gradient(circle at top,#162546fa,#070b14fa);border:1px solid #6fbbff29;border-radius:50%;place-items:center;gap:4px;width:100%;height:100%;padding:26px;display:grid}.progress-ring-inner strong{font-size:clamp(2.9rem,8vw,4rem);font-weight:900;line-height:.95}.progress-ring-inner span{font-size:1.8rem;font-weight:800;line-height:1}.progress-ring-inner small{color:var(--muted);font-size:13px;line-height:1.45}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recent-card{background:linear-gradient(#182544e6,#0c1223f5);border:1px solid #6eb4ff1f;border-radius:22px;gap:12px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.recent-card:before{content:"";background:linear-gradient(180deg, #080e1c42, #080e1ce0), var(--card-cover) center/cover no-repeat;opacity:.92;position:absolute;inset:0}.recent-card>*{z-index:1;position:relative}.recent-card-head,.catalog-course-head,.recent-card-foot{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recent-card-title{margin:0;font-size:1rem;line-height:1.25}.recent-card-sub{color:var(--muted);margin:4px 0 0;font-size:13px}.recent-play{color:#d7e8ff;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:38px;min-width:38px;height:38px;font-size:14px;display:grid}.recent-card-foot{color:var(--muted);align-items:center;font-size:13px}.recent-card-foot strong{color:#dceaff;font-size:14px}.empty-state-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:18px}.empty-state-card strong{margin-bottom:6px;display:block}.empty-state-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.milestone-card{text-align:center;background:linear-gradient(#19274af0,#0c1223fa);border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:18px 14px;display:grid}.milestone-card.locked{opacity:.72}.milestone-icon{font-size:2rem;line-height:1}.milestone-card h3{margin:0;font-size:1rem}.milestone-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.upcoming-list{gap:12px;display:grid}.upcoming-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.upcoming-check{border:2px solid #b4c6e459;border-radius:7px;width:20px;min-width:20px;height:20px}.upcoming-copy{gap:3px;display:grid}.upcoming-copy strong{font-size:1rem;line-height:1.3}.upcoming-copy span{color:var(--muted);font-size:13px}.catalog-shell{gap:14px;display:grid}.catalog-search{color:#d5e2fa94;background:#0f172aeb;border:1px solid #78b7ff1f;border-radius:20px;align-items:center;gap:10px;min-height:58px;padding:0 18px;font-size:1rem;display:flex}.catalog-search-icon{font-size:20px;line-height:1}.catalog-filter-row{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-filter-row::-webkit-scrollbar{display:none}.catalog-filter-chip{color:#b8c5dd;background:#ffffff0d;border:0;border-radius:999px;min-width:68px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800}.catalog-filter-chip.active{color:#fff;background:linear-gradient(135deg,#5299fff2,#4c7fffdb);box-shadow:0 12px 24px #4176ff3d}.catalog-course-card{background:linear-gradient(#1e2e54f5,#0f182dfa);border:1px solid #6eb4ff1f;border-radius:24px;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff0d}.catalog-course-art{background:linear-gradient(160deg,#5f94ff47,#2d45842e),url(/Hero_IC_Plain.webp) 50%/cover no-repeat;border-radius:18px;min-height:118px;position:relative;overflow:hidden}.catalog-course-badge{color:#dbe7ff;letter-spacing:.04em;background:#0f1424c7;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:10px;left:10px}.catalog-course-copy{gap:12px;min-width:0;display:grid}.catalog-course-title{margin:0;font-size:1.65rem;line-height:1.08}.catalog-course-meta,.catalog-course-description{color:var(--muted);margin:0}.catalog-course-meta{margin-top:6px;font-size:13px}.catalog-course-description{font-size:14px;line-height:1.5}.catalog-track{height:9px}.catalog-course-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.catalog-course-foot strong{color:#dceaff;font-size:14px}.home-card{background:radial-gradient(circle at top,#1e3a7538,#0000 36%),linear-gradient(#080e1efa,#060a16fa);border:1px solid #6db4ff24;border-radius:34px;gap:18px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #04091570}.home-card:before{content:"";pointer-events:none;opacity:.96;background:radial-gradient(circle at 0 0,#55a4ff24,#0000 28%),radial-gradient(circle at 100% 100%,#1c459c29,#0000 30%),linear-gradient(#080e1efa,#050912fc);position:absolute;inset:0}.home-card>*{z-index:1;position:relative}.home-card-head{justify-items:start;gap:10px;display:grid}.home-brand-mark{color:#b4c4e085;letter-spacing:.08em;align-self:start;font-size:14px;font-weight:800}.home-brand-logo{object-fit:contain;width:auto;height:34px}.home-card-copy{gap:8px;display:grid}.home-card-title{letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,8vw,3.6rem);font-weight:900;line-height:.98}.home-card-message{color:#d6ddef;max-width:30rem;margin:0;font-size:15px;line-height:1.6}.home-video-frame{aspect-ratio:21/9;background:linear-gradient(#1d2c54eb,#0f172cf0),url(/Img_Hero_New.webp) 50%/cover no-repeat;border:1px solid #80bcff1f;border-radius:24px;width:100%;transition:aspect-ratio .22s,max-width .22s,margin .22s,border-radius .22s;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.home-video-frame-playing{aspect-ratio:9/16;max-width:min(320px,76vw);margin-inline:auto}.home-video-media{object-fit:cover;background:#05070d;width:100%;height:100%;display:block}.home-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-main-button{justify-content:center;min-height:52px;padding:14px 18px;font-size:.96rem}.home-install-card{color:#f8fbff;background:linear-gradient(135deg,#58b0fff5,#1b76fffa);border-radius:28px;gap:16px;padding:18px;display:grid;box-shadow:0 18px 42px #1c6fff3d}.home-install-copy{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.home-install-icon-shell{background:#ffffff38;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 1px #ffffff4d}.install-app-icon{color:#fff;width:30px;height:30px}.home-install-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f4faffdb;margin:0;font-size:.78rem;font-weight:800}.home-install-title{margin:0;font-size:1.28rem;line-height:1.12}.home-install-text{color:#f5f9ffe0;margin:0;line-height:1.55}.home-install-button{width:100%;min-height:50px;box-shadow:none;background:#081638eb}.home-install-button:hover{background:#081638f5}.home-install-status{color:#f8fbfff0;background:#08163833;border:1px solid #ffffff29;border-radius:18px;padding:14px 16px;font-weight:700;line-height:1.45}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-mini-card{background:linear-gradient(#1f2d50e6,#0f1628f5);border:1px solid #6fb6ff1a;border-radius:24px;gap:10px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0a}.home-mini-icon{color:#ffca78;background:#fab64d1f;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.home-mini-icon-ring{color:#94c3ff;background:#5499ff1f}.home-mini-title{margin:0;font-size:1.2rem;line-height:1.15}.home-mini-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.home-how-shell{gap:14px}.home-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-step-card{background:linear-gradient(#1f2f56eb,#0e1527fa);border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:16px;display:grid}.home-step-number{color:#dce8ff;background:#ffffff14;border-radius:14px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid}.home-step-title{margin:0;font-size:1rem;line-height:1.2}.home-step-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-shell{min-height:calc(100dvh - 32px - env(safe-area-inset-top));align-content:center}.auth-cover{padding:22px}.auth-panel{gap:18px}.auth-google-button{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #d2d6dce0;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.auth-google-button:hover{background:#f8f9fa;border-color:#c2c6ccfa;transform:translateY(-1px)}.auth-google-button:disabled{opacity:.72;cursor:wait;transform:none}.auth-google-mark{justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;display:inline-flex}.auth-google-icon-svg{width:22px;height:22px;display:block}.auth-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-field{gap:8px;display:grid}.form-field input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;width:100%;padding:16px 18px}.auth-helper-list{gap:12px;display:grid}.auth-helper-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:4px;padding:14px 15px;display:grid}.mono{font-variant-numeric:tabular-nums}@media (min-width:820px){.app-shell{max-width:1120px;padding-top:24px}.hero-card,.course-banner,.landing-hero{min-height:360px}.landing-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end}.landing-hero-video{grid-template-columns:1fr}.video-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid,.pricing-decision-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works-grid,.hero-state-grid,.pricing-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-strip-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.home-feature-grid,.home-steps-grid,.recent-grid,.milestone-grid,.home-primary-actions{grid-template-columns:1fr}.catalog-course-card{grid-template-columns:92px minmax(0,1fr)}.catalog-course-title{font-size:1.35rem}}