#canvas{pointer-events:none;z-index:0;opacity:.15;position:fixed;inset:0}.header{z-index:10;text-align:center;padding:56px 20px 44px;position:relative}.header-badge{color:#0a2540;letter-spacing:1.5px;background:#0a254012;border:1px solid #0a254021;border-radius:100px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.badge-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.header h1{color:#0a2540;margin-bottom:12px;font-size:clamp(28px,5vw,50px);font-weight:900;line-height:1.1}.header h1 span{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-p{color:#6b8baa;max-width:520px;margin:0 auto 28px;font-size:15px;line-height:1.6}.teacher-pill{background:#ffffffbf;border:1px solid #0a25401f;border-radius:100px;align-items:center;gap:10px;padding:8px 20px;display:inline-flex}.teacher-av{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:flex}.teacher-name{color:#0a2540;text-align:left;font-size:13px;font-weight:700}.teacher-role{color:#6b8baa;font-size:11px}.cards{z-index:5;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:0 auto;padding:0 20px 60px;display:grid;position:relative}@media (max-width:900px){.cards{grid-template-columns:1fr;max-width:480px}}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#fffc;border:1.5px solid #0a25401a;border-radius:22px;transition:transform .3s,box-shadow .3s;animation:.65s forwards card-in;overflow:hidden;transform:translateY(28px)}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.22s}.card:nth-child(3){animation-delay:.34s}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-5px)}.c1{border-color:#f973164d}.c1:hover{box-shadow:0 16px 48px #f973162e}.c1 .ctop{background:linear-gradient(140deg,#1c0d00 0%,#2a1200 55%,#100800 100%)}.c1 .acc{color:#f97316}.c1 .wnum{background:linear-gradient(135deg,#f97316,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.c1 .chip{color:#fb923c;background:#f973162e;border:1px solid #f9731659}.c1 .snum{background:linear-gradient(135deg,#f97316,#ef4444)}.c1 .pfill{background:linear-gradient(90deg,#f97316,#ef4444)}.c1 .ctabtn{background:linear-gradient(135deg,#f97316,#ef4444)}.c1 .itag{color:#c2410c;background:#f973161a;border:1px solid #f9731633}.c1 .cdiv{background:#f973161f}.c2{border-color:#10b9814d}.c2:hover{box-shadow:0 16px 48px #10b9812e}.c2 .ctop{background:linear-gradient(140deg,#001a0c 0%,#002a14 55%,#001008 100%)}.c2 .acc{color:#10b981}.c2 .wnum{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.c2 .chip{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.c2 .snum{background:linear-gradient(135deg,#10b981,#059669)}.c2 .pfill{background:linear-gradient(90deg,#10b981,#059669)}.c2 .ctabtn{background:linear-gradient(135deg,#10b981,#059669)}.c2 .itag{color:#065f46;background:#10b9811a;border:1px solid #10b98133}.c2 .cdiv{background:#10b9811f}.c3{border-color:#eab3084d}.c3:hover{box-shadow:0 16px 48px #eab3082e}.c3 .ctop{background:linear-gradient(140deg,#1a1200 0%,#2a1e00 55%,#100c00 100%)}.c3 .acc{color:#d97706}.c3 .wnum{background:linear-gradient(135deg,#eab308,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.c3 .chip{color:#fcd34d;background:#eab3082e;border:1px solid #eab30859}.c3 .snum{background:linear-gradient(135deg,#eab308,#d97706)}.c3 .pfill{background:linear-gradient(90deg,#eab308,#d97706)}.c3 .ctabtn{background:linear-gradient(135deg,#eab308,#d97706)}.c3 .itag{color:#92400e;background:#eab3081a;border:1px solid #eab30833}.c3 .cdiv{background:#eab3081f}.ctop{padding:22px 20px 18px;position:relative}.lvl{letter-spacing:2px;color:#ffffff73;text-align:left;margin-bottom:5px;font-size:9px;font-weight:700}.ctitle{color:#fff;text-align:left;margin-bottom:4px;font-size:14px;font-weight:800;line-height:1.3}.csub{color:#ffffff80;text-align:left;margin-bottom:12px;font-size:11px;line-height:1.4}.chip{border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.wrow{align-items:baseline;gap:6px;margin:12px 0 4px;display:flex}.wnum{font-size:40px;font-weight:900;line-height:1}.wunit{color:#ffffff80;font-size:12px;font-weight:600}.drow{color:#fff6;align-items:center;gap:5px;font-size:10px;display:flex}.cdiv{height:1px;margin:0}.schedule{text-align:left;background:0 0;padding:16px 20px 14px}.stitle{letter-spacing:1.5px;color:#9ba8b5;margin-bottom:11px;font-size:9px;font-weight:700}.steps{flex-direction:column;gap:7px;display:flex}.step{align-items:center;gap:10px;display:flex}.snum{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;display:flex}.sinfo{flex:1}.stime{color:#1a2e42;font-size:13px;font-weight:800}.sname{color:#7a92a8;font-size:11px;display:inline}.sbar{background:#e8eef8;border-radius:2px;height:3px;margin-top:4px}.pfill{border-radius:2px;height:100%;transition:width 1.2s}.sconn{background:#d8e2f0;width:1px;height:7px;margin-left:16px}.trow{background:#f0f5ff;border:1px solid #d8e8ff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:11px;padding:9px 13px;display:flex}.tlbl{color:#6b8baa;font-size:11px}.tval{font-size:15px;font-weight:800}.tags{border-top:1px solid #eef2fa;flex-wrap:wrap;justify-content:flex-start;gap:5px;padding:12px 20px;display:flex}.itag{letter-spacing:.3px;border-radius:6px;padding:3px 9px;font-size:9px;font-weight:700}.feats{text-align:left;border-top:1px solid #eef2fa;flex-direction:column;gap:6px;padding:10px 20px 14px;display:flex}.fitem{color:#3a5270;align-items:center;gap:7px;font-size:12px;display:flex}.fcheck{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.ccta{padding:12px 20px 18px}.ctabtn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;text-decoration:none;transition:all .22s;display:flex;position:relative;overflow:hidden}.ctabtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.ctabtn:active{transform:scale(.99)}.shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:3.5s 1s infinite sh;position:absolute;top:0;left:-100%}@keyframes sh{0%,70%,to{left:-100%}35%{left:120%}}.pop-wrap{z-index:2;position:absolute;top:-1px;right:18px}.pop{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#10b981,#059669);border-radius:0 0 9px 9px;padding:5px 11px 4px;font-size:9px;font-weight:800}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}