section{margin-bottom:3rem}.hero-section{background:#fdfdfd;border-radius:20px;padding:5rem 3.5rem;margin-bottom:3rem}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.eyebrow{display:inline-block;background:#ffccb3;color:#c50;padding:.5rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:.08em}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;color:#1f2937;margin:0 0 1.5rem;font-weight:800;letter-spacing:-.02em}.highlight-italic{font-style:italic;color:#2a6564;font-weight:800}.hero-subtitle{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:2.5rem;max-width:90%}.hero-visual{display:flex;justify-content:center;align-items:center}.superman-pose{position:relative;width:300px;height:340px}.superman-pose div,.superman-pose span{position:absolute;box-sizing:border-box}.cape{top:70px;left:50%;transform:translate(-50%);width:140px;height:200px;background:#d62828;border-radius:55% 55% 25% 25%/85% 85% 100% 100%;z-index:0;box-shadow:0 10px 30px #d628284d}.s-head{top:8px;left:50%;transform:translate(-50%);width:76px;height:76px;border-radius:50%;background:#f6c9a6;z-index:3;box-shadow:inset -5px -4px #00000012}.s-head:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:72px;height:34px;background:#3b2413;border-radius:50% 50% 45% 45%;clip-path:polygon(0 0,100% 0,100% 68%,86% 84%,71% 68%,55% 92%,40% 70%,25% 88%,12% 70%,0 84%)}.s-eye{top:31px;width:9px;height:9px;border-radius:50%;background:#222}.s-eye.left{left:18px}.s-eye.right{right:18px}.s-smile{bottom:13px;left:50%;transform:translate(-50%);width:32px;height:16px;border-bottom:4px solid #b45309;border-radius:0 0 32px 32px}.s-body{top:86px;left:50%;transform:translate(-50%);width:88px;height:128px;background:#4f9da8;border-radius:42px 42px 26px 26px;z-index:2}.s-arm{top:104px;width:96px;height:34px;border-radius:24px;background:#f6c9a6;z-index:3}.s-arm.left{left:10px;transform:rotate(60deg);transform-origin:100% 50%}.s-arm.right{right:10px;transform:rotate(70deg);transform-origin:0% 50%}.s-leg{top:206px;width:30px;height:96px;border-radius:16px;background:#2f3a4a;z-index:1}.s-leg.left{left:calc(50% - 34px);transform:none}.s-leg.right{left:calc(50% + 4px);transform:none}.sparkle{font-size:24px;color:#ffb800;z-index:4;line-height:1;text-shadow:0 2px 10px rgba(255,184,0,.5)}.sp-1{top:16px;left:18px}.sp-2{top:70px;right:6px;font-size:18px}.sp-3{bottom:24px;left:10px;font-size:18px}@media(max-width:420px){.superman-pose{transform:scale(.85)}}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.btn-primary{background:#2a6564;color:#fff;text-decoration:none;padding:1rem 1.5rem;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-proof{display:flex;align-items:center;gap:.75rem;color:#4b5563;font-size:.9rem;font-weight:500}.avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#d1d5db;margin-left:-10px}.avatar:first-child{margin-left:0}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.bento-card{border-radius:16px;padding:2rem;display:flex;flex-direction:column}.bento-wide{grid-column:span 2;background:#fff;box-shadow:0 10px 40px #0000000a}.bento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.live-rate-badge{background:#4ade80;color:#1f2937;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.05em}.bento-price{font-size:3.5rem;font-weight:800;color:#1f2937;line-height:1;margin-bottom:.25rem;letter-spacing:-.05em}.bento-label{font-size:.8rem;font-weight:700;letter-spacing:.05em}.bento-wide .bento-label{color:#c50}.bento-teal{background:#2a6564;color:#fff;justify-content:space-between;aspect-ratio:1 / 1}.bento-orange{background:#ffccb3;color:#c50;justify-content:space-between;aspect-ratio:1 / 1}.bento-teal svg,.bento-orange svg{align-self:flex-start}.bento-bottom-text{display:flex;flex-direction:column}.infinity-symbol{font-size:2.5rem;line-height:1;margin-bottom:0}.price-symbol{font-size:2.5rem;line-height:1;font-weight:700;letter-spacing:-.05em;margin-bottom:.25rem}.pricing-disruption{padding:2rem 0;margin-bottom:5rem}.pd-header{text-align:center;margin-bottom:3rem}.pd-header .eyebrow-text{color:#c50;letter-spacing:.1em;font-size:.8rem;margin-bottom:1rem;text-transform:uppercase;font-weight:700}.pd-header h2{font-size:clamp(2rem,4vw,3rem);color:#1f2937;margin:0;font-weight:700;letter-spacing:-.02em}.pd-grid{display:flex;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000000d}.pd-card{flex:1;padding:4rem;position:relative;overflow:hidden}.pd-card.traditional{background:#f3f4f6;color:#4b5563}.pd-card.edumania{background:#2a6564;color:#fff}.pd-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.pd-card-header h3{font-size:1.4rem;margin:0;font-weight:600}.pd-card.traditional .pd-card-header h3{color:#4b5563}.pd-cost-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);position:relative;z-index:2}.pd-card.edumania .pd-cost-row{border-bottom:1px solid rgba(255,255,255,.1)}.pd-cost-row span:first-child{font-size:1.05rem}.pd-price{font-weight:700;font-size:1.25rem;color:#1f2937}.pd-price-large{font-weight:800;font-size:1.5rem;color:#fff}.pd-features{list-style:none;padding:0;margin:2.5rem 0 0;position:relative;z-index:2}.pd-features li{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.05rem}.pd-footer-note{margin-top:4rem;padding:1.25rem 1.5rem;background:#0003;border-radius:8px;font-style:italic;font-size:.95rem;position:relative;z-index:2;color:#ffffffe6}.pd-watermark-arrow{position:absolute;right:2rem;top:4rem;color:#0000000d;z-index:1}.pd-watermark-rocket{position:absolute;right:1rem;top:3rem;color:#ffffff0d;z-index:1;transform:rotate(15deg)}.steps-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:step}.step-card{position:relative;background:#fff;border-radius:20px;padding:2.5rem 1.75rem 2rem;box-shadow:0 10px 40px #0000000d;border:1px solid rgba(42,101,100,.08);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;counter-increment:step}.step-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2a6564,#4ade80);opacity:.85}.step-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px #2a65641f}.step-number{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:#2a6564;background:#e6efef;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.step-icon{color:#2a6564;margin-bottom:1.25rem}.step-card h3{font-size:1.15rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.step-card p{color:#6b7280;line-height:1.6;margin:0;font-size:.95rem}.steps-quote{margin:3rem auto 0;max-width:42rem;text-align:center;font-style:italic;font-size:1.1rem;color:#2a6564;padding:1.5rem 2rem;background:#f0f7f7;border-radius:14px;border-left:4px solid #2a6564}@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.steps-grid{grid-template-columns:1fr}}.final-cta{background:#2a6564;border-radius:20px;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden;margin-bottom:3rem}.cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.final-cta h2{font-size:clamp(2rem,4.5vw,3rem);color:#fff;margin-top:0;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.final-cta p{color:#e6efef;font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.btn-large{background:#ffccb3;color:#c50;padding:1.25rem 2.5rem;font-size:1.125rem;box-shadow:0 4px 15px #0000001a}.btn-large:hover{background:#fff;color:#c50;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cta-background{position:absolute;top:-50px;right:-20px;color:#ffffff0d;z-index:1;transform:rotate(15deg)}@media(max-width:1024px){.pd-grid{flex-direction:column}.pd-card{padding:3rem 2rem}.hero-wrapper{grid-template-columns:1fr;gap:3rem}.hero-content{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.bento-grid{max-width:600px;margin:0 auto}}@media(max-width:768px){.hero-section{padding:3rem 1.5rem}.hero-actions{flex-direction:column;gap:1.5rem}.pricing-disruption{padding:2rem 1.5rem}.final-cta{padding:4rem 1.5rem}}.video-features{padding:2rem 0;margin-bottom:5rem}.vf-header{text-align:center;margin-bottom:3rem}.vf-header .eyebrow-text{color:#c50;letter-spacing:.1em;font-size:.8rem;margin-bottom:1rem;text-transform:uppercase;font-weight:700}.vf-header h2{font-size:clamp(2rem,4vw,3rem);color:#1f2937;margin:0;font-weight:700;letter-spacing:-.02em}.feature-blocks{display:flex;flex-direction:column;gap:2rem}.feature-block{background:#fff;border-radius:24px;padding:3.5rem;box-shadow:0 10px 40px #0000000d;border:1px solid rgba(42,101,100,.08);display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.feature-block:nth-child(2n) .feature-visual{order:-1}.feature-content{max-width:520px}.feature-icon{width:48px;height:48px;background:#e6efef;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.feature-icon svg{width:24px;height:24px;color:#2a6564}.feature-content h3{font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;color:#1f2937;margin:0 0 1rem;line-height:1.3;letter-spacing:-.02em}.feature-content>p{color:#6b7280;line-height:1.7;margin:0 0 1.75rem;font-size:1rem}.feature-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.feature-points li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:#374151}.point-check{background:#2a6564;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-visual{display:flex;justify-content:center;align-items:center}.player-mockup{background:#f6f7f8;border-radius:16px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 15px 40px #00000014}.player-frame{background:#1f2937;border-radius:12px;overflow:hidden}.player-screen{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 20% 30%,rgba(42,101,100,.35),transparent 55%),radial-gradient(circle at 80% 70%,rgba(204,85,0,.25),transparent 55%),#111827;display:flex;align-items:center;justify-content:center}.player-play-btn{width:56px;height:56px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2a6564;box-shadow:0 6px 20px #0000004d}.player-badge{position:absolute;top:.75rem;right:.75rem;background:#4ade80;color:#1f2937;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.3rem .7rem;border-radius:999px}.player-ad-blocked{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#fff;border-top:1px solid #eee;color:#6b7280;font-size:.75rem;font-weight:600}.player-ad-blocked svg{color:#c5192d;flex-shrink:0}.player-details{margin-top:1.25rem}.player-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.player-title{font-size:.95rem;font-weight:700;color:#1f2937}.no-ads-chip{background:#ffccb3;color:#c50;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:999px}.player-progress{height:5px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;width:62%;background:linear-gradient(90deg,#2a6564,#4ade80);border-radius:999px}.player-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af;font-weight:600}.pip-mockup{width:100%;max-width:300px}.phone-frame{background:#111827;border-radius:40px;padding:12px;box-shadow:0 25px 50px #00000040,inset 0 0 0 2px #1f2937}.phone-screen{background:#f8fafc;border-radius:28px;overflow:hidden;position:relative;aspect-ratio:9 / 18;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.6rem}.phone-app-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.phone-app-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#2a6564,#4ade80);flex-shrink:0}.phone-app-title{font-size:.78rem;font-weight:700;color:#1f2937}.note-line{height:8px;background:#e5e7eb;border-radius:999px}.note-line.short{width:65%}.floating-video{position:absolute;top:3.4rem;right:.85rem;width:46%;background:#111827;border-radius:12px;padding:.5rem;box-shadow:0 12px 30px #00000059;border:1px solid rgba(255,255,255,.12)}.floating-video-screen{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 30% 25%,rgba(42,101,100,.45),transparent 55%),radial-gradient(circle at 75% 75%,rgba(204,85,0,.3),transparent 55%),#0b0f19;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.floating-video-time{position:absolute;bottom:.3rem;right:.35rem;font-size:.55rem;font-weight:700;color:#ffffffe6;background:#000000a6;padding:.1rem .3rem;border-radius:4px}.floating-video-bar{padding-top:.5rem}.floating-video-title{display:block;font-size:.6rem;font-weight:700;color:#e5e7eb;margin-bottom:.35rem}.pip-progress{height:4px;background:#fff3;border-radius:999px;overflow:hidden}.pip-fill{height:100%;width:55%;background:#4ade80}.download-mockup{background:#f6f7f8;border-radius:16px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 15px 40px #00000014}.dl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.dl-title-text{font-size:.9rem;font-weight:800;color:#1f2937}.dl-count{font-size:.7rem;font-weight:700;color:#2a6564;background:#e6efef;padding:.3rem .7rem;border-radius:999px}.download-item{display:flex;align-items:center;gap:.85rem;background:#fff;border-radius:12px;padding:.9rem;margin-bottom:.75rem;border:1px solid #eee}.download-item:last-child{margin-bottom:0}.dl-file-icon{width:40px;height:40px;border-radius:10px;background:#e6efef;color:#2a6564;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-body{flex:1;min-width:0}.dl-name{font-size:.85rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-meta{display:flex;justify-content:space-between;font-size:.68rem;color:#9ca3af;font-weight:600;margin-bottom:.4rem}.dl-bar{height:4px;background:#f3f4f6;border-radius:999px;overflow:hidden}.dl-fill{height:100%;width:0%;background:linear-gradient(90deg,#2a6564,#4ade80);border-radius:999px}.dl-fill.done{width:100%;background:#4ade80}.dl-fill.loading{width:68%}.dl-state{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-state.done{background:#4ade80;color:#fff}.dl-state.loading{background:#e6efef;color:#2a6564}.dl-state.pending{background:#f3f4f6;color:#6b7280}.quality-mockup{background:#f6f7f8;border-radius:16px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 15px 40px #00000014}.q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.q-title{font-size:.9rem;font-weight:800;color:#1f2937}.q-auto{font-size:.7rem;font-weight:700;color:#2a6564;background:#e6efef;padding:.3rem .7rem;border-radius:999px}.q-thumb{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 30% 25%,rgba(42,101,100,.35),transparent 55%),radial-gradient(circle at 75% 75%,rgba(204,85,0,.25),transparent 55%),#111827;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.q-thumb-play{width:44px;height:44px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2a6564}.q-hd-badge{position:absolute;bottom:.6rem;right:.6rem;background:#ffccb3;color:#c50;font-size:.65rem;font-weight:800;padding:.25rem .6rem;border-radius:6px}.q-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.q-options li{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;border-radius:10px;background:#fff;border:1px solid #eee;font-size:.85rem;font-weight:700;color:#374151}.q-options li.selected{background:#2a6564;border-color:#2a6564;color:#fff}.q-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.q-options li.selected .q-tag{color:#4ade80}@media(max-width:1024px){.feature-block{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.5rem}.feature-block:nth-child(2n) .feature-visual{order:0}.feature-content{max-width:100%}}@media(max-width:540px){.feature-block{padding:2rem 1.25rem}.player-mockup,.download-mockup,.quality-mockup{max-width:100%}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.bento-teal,.bento-orange{aspect-ratio:auto;min-height:200px}}.tablet-feature{padding:2rem 0;margin-bottom:5rem}.tf-header{text-align:center;margin-bottom:3rem}.tf-header .eyebrow-text{color:#c50;letter-spacing:.1em;font-size:.8rem;margin-bottom:1rem;text-transform:uppercase;font-weight:700}.tf-header h2{font-size:clamp(2rem,4vw,3rem);color:#1f2937;margin:0 0 1rem;font-weight:700;letter-spacing:-.02em}.tf-header p{color:#6b7280;max-width:42rem;margin:0 auto;line-height:1.7}.t-ui{--t-bg-app: #f4f6fb;--t-bg-sidebar: #eef1f7;--t-bg-panel: #f7f9fc;--t-bg-card: #ffffff;--t-bg-card-hover: #fafcff;--t-bg-input: #ffffff;--t-border-subtle: rgba(15, 23, 42, .08);--t-border-card: rgba(15, 23, 42, .1);--t-text-primary: #101828;--t-text-secondary: #475467;--t-text-muted: #98a2b3;--t-accent-blue: #3b6ef6;--t-accent-blue-dim: rgba(59, 110, 246, .14);--t-accent-mint: #0ea379;--t-accent-yellow: #d97706;--t-radius-lg: 18px;--t-radius-md: 12px;--t-radius-sm: 8px}.ipad-frame{position:relative;max-width:976px;margin:0 auto;background:linear-gradient(165deg,#232733,#131620 55%,#0b0d14);border:1px solid rgba(255,255,255,.12);border-radius:48px;padding:28px;box-shadow:0 55px 110px -25px #0009,inset 0 1px #ffffff14}.ipad-camera{position:absolute;top:9px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a5468,#0b0e16);box-shadow:0 0 0 2px #ffffff0f,0 1px 3px #0009}.ipad-home{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;box-shadow:0 1px 3px #00000080}.ipad-btn{position:absolute;right:-5px;width:5px;background:linear-gradient(180deg,#3a4150,#181c26);border-radius:3px;box-shadow:0 1px 2px #0000008c}.ipad-btn.power{top:64px;height:26px}.ipad-btn.vol-up{top:300px;height:42px}.ipad-btn.vol-down{top:352px;height:42px}.t-device{width:100%;max-width:920px;margin:0 auto;background:linear-gradient(150deg,#fff,#eef2f8);border:1px solid var(--t-border-subtle);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -20px #0f172a59;display:flex;height:820px;color:var(--t-text-primary)}.t-sidebar{width:230px;flex-shrink:0;background:var(--t-bg-sidebar);border-right:1px solid var(--t-border-subtle);padding:26px 16px;display:flex;flex-direction:column}.t-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 30px;font-weight:800}.t-brand-logo{height:30px;width:auto;object-fit:contain;display:block}.t-nav{display:flex;flex-direction:column;gap:6px}.t-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--t-text-secondary);font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;border:none;background:transparent;text-align:left;width:100%;font-family:inherit}.t-nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.t-nav-item:hover{background:#0f172a0d;color:var(--t-text-primary)}.t-nav-item.active{background:var(--t-accent-blue);color:#fff}.t-nav-item.active svg{opacity:1}.t-main{flex:1;background:var(--t-bg-panel);overflow-y:auto;padding:22px 26px 40px}.t-main::-webkit-scrollbar{width:8px}.t-main::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:8px}.t-topbar{display:flex;justify-content:flex-end;margin-bottom:4px}.t-status-dot{width:8px;height:8px;border-radius:50%;background:var(--t-text-primary)}.t-search{display:flex;align-items:center;gap:10px;background:var(--t-bg-input);border:1px solid var(--t-border-subtle);border-radius:12px;padding:12px 14px;margin:14px 0 26px;color:var(--t-text-muted)}.t-search svg{width:16px;height:16px;flex-shrink:0}.t-search span{font-size:14px}.t-section{margin-bottom:34px}.t-section-head{margin-bottom:16px}.t-section-title{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--t-text-primary)}.t-section-sub{font-size:12.5px;color:var(--t-text-muted)}.t-card{background:var(--t-bg-card);border:1px solid var(--t-border-card);border-radius:var(--t-radius-lg);overflow:hidden;max-width:420px;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.t-card:hover{transform:translateY(-2px);border-color:#3b6ef659;background:var(--t-bg-card-hover)}.t-thumb{position:relative;padding:20px;height:190px;background:radial-gradient(120% 160% at 100% 0%,rgba(14,163,121,.22),transparent 55%),linear-gradient(150deg,#eef6ff,#e3eefb 55%,#dbe9f9);display:flex;flex-direction:column;justify-content:space-between}.t-thumb-badge{position:absolute;top:16px;right:18px;background:#ffffffd9;border:1px solid rgba(15,23,42,.12);color:var(--t-text-primary);font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;backdrop-filter:blur(4px)}.t-thumb-title{font-size:22px;font-weight:800;line-height:1.15;color:#0f172a}.t-thumb-title .t-accent{color:var(--t-accent-mint)}.t-thumb-sub{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--t-accent-yellow);margin-top:2px}.t-thumb-desc{font-size:10.5px;color:#475467;margin-top:8px;line-height:1.5}.t-thumb-icons{display:flex;gap:8px}.t-thumb-chip{display:flex;align-items:center;gap:5px;background:#fffc;border:1px solid rgba(15,23,42,.1);border-radius:8px;padding:6px 9px;font-size:9px;color:#475467;white-space:nowrap}.t-thumb-chip svg{width:11px;height:11px}.t-thumb-chip.blue{color:var(--t-accent-blue)}.t-thumb-chip.mint{color:var(--t-accent-mint)}.t-thumb-chip.yellow{color:var(--t-accent-yellow)}.t-card-body{padding:18px 18px 16px}.t-course-name{font-size:16.5px;font-weight:700;margin-bottom:2px;color:var(--t-text-primary)}.t-course-type{font-size:12.5px;color:var(--t-text-muted);margin-bottom:14px}.t-mentor-box{display:flex;gap:12px;background:#0f172a09;border:1px solid var(--t-border-subtle);border-radius:12px;padding:12px;margin-bottom:14px}.t-mentor-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#dfe7f5,#c6d2e8);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.t-mentor-info{font-size:12px;line-height:1.5}.t-mentor-label{font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--t-text-muted);margin-bottom:2px}.t-mentor-name{font-weight:700;font-size:13.5px;color:var(--t-text-primary);margin-bottom:2px}.t-mentor-role{color:var(--t-text-muted);font-size:11.5px}.t-enrolled{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;color:var(--t-text-muted);margin-bottom:12px}.t-enrolled svg{width:14px;height:14px}.t-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--t-border-subtle)}.t-price{font-size:16px;font-weight:800;color:var(--t-text-primary)}.t-price .t-cur{font-size:11px;font-weight:700;color:var(--t-text-muted);margin-right:4px}.t-go-arrow{width:26px;height:26px;border-radius:50%;background:#0f172a0f;display:flex;align-items:center;justify-content:center;color:var(--t-text-secondary);transition:background .15s ease,color .15s ease}.t-card:hover .t-go-arrow{background:var(--t-accent-blue);color:#fff}.t-go-arrow svg{width:14px;height:14px}@media(max-width:900px){.ipad-frame{padding:16px;border-radius:38px}.ipad-camera{top:5px}.ipad-home{bottom:5px}.ipad-btn{display:none}.t-device{height:auto;flex-direction:column}.t-sidebar{width:100%;flex-direction:column;padding:16px;border-right:none;border-bottom:1px solid var(--t-border-subtle)}.t-brand{padding:0 8px 14px}.t-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.t-nav::-webkit-scrollbar{display:none}.t-nav-item{width:auto;white-space:nowrap;flex-shrink:0}.t-main{overflow:visible;height:auto}}@media(max-width:560px){.t-main{padding:18px 16px 30px}}