@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);html{scroll-behavior:smooth;text-rendering:optimizeLegibility}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.theme-toggle-switch input{height:0;opacity:0;width:0}@media (max-width:480px){.theme-toggle-switch{width:85px}}@media (max-width:420px){.theme-toggle-switch{width:90px}}@media (max-width:400px){.theme-toggle-switch{width:110px}}@media (max-width:350px){.theme-toggle-switch{width:140px}}.theme-toggle-slider{background-color:#334155;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.theme-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}input:checked+.theme-toggle-slider{background-color:#3acedf}input:focus+.theme-toggle-slider{box-shadow:0 0 1px #3acedf}input:checked+.theme-toggle-slider:before{transform:translateX(24px)}.success-modal-overlay{align-items:center;animation:fadeInModal .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.success-modal-content{animation:scaleUpModal .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 20px 50px #00000080,inset 0 1px 0 #ffffff1a;max-width:450px;padding:2.5rem;text-align:center;width:90%}.success-modal-icon{filter:drop-shadow(0 4px 10px rgba(99,102,241,.4));font-size:3.5rem;margin-bottom:1rem}.success-modal-content h3{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:.75rem}.success-modal-content p{color:#ffffffbf;font-size:14px;line-height:1.5;margin-bottom:2rem}.success-modal-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:.8rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease}.success-modal-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.access-popup-overlay{align-items:center;animation:accessFade .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020612b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.access-popup-overlay *,.access-popup-overlay :after,.access-popup-overlay :before{box-sizing:border-box}.access-popup-card{animation:accessRise .35s cubic-bezier(.2,.8,.2,1);background:radial-gradient(600px 400px at 90% 0,#67d9e61a 0,#0000 60%),linear-gradient(180deg,#0f172a,#172235);border:1px solid #67d9e640;border-radius:24px;box-shadow:0 30px 80px #0000008c,inset 0 1px 0 #ffffff0d;color:#f1f5f9;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;max-height:min(92vh,760px);max-width:880px;overflow:hidden;position:relative;width:100%}.access-popup-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 26px;scrollbar-color:#67d9e659 #0000;scrollbar-width:thin}.access-popup-scroll::-webkit-scrollbar{width:8px}.access-popup-scroll::-webkit-scrollbar-track{background:#0000;margin:16px 0}.access-popup-scroll::-webkit-scrollbar-thumb{background:#67d9e64d;background-clip:padding-box;border:2px solid #0000;border-radius:8px}.access-popup-scroll::-webkit-scrollbar-thumb:hover{background-color:#67d9e680}.access-popup-close{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;border:1px solid #67d9e659;border-radius:50%;box-shadow:0 4px 14px #0006;color:#e2e8f0;cursor:pointer;display:flex;font-size:1.4rem;height:38px;justify-content:center;line-height:1;padding:0;position:absolute;right:14px;top:14px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;width:38px;z-index:10}.access-popup-close:hover{background:#67d9e626;border-color:#67d9e699;color:#a0e8f0;transform:rotate(90deg)}.access-popup-close:focus-visible{outline:2px solid #67d9e6;outline-offset:2px}@keyframes accessFade{0%{opacity:0}to{opacity:1}}@keyframes accessRise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes accessSheet{0%{transform:translateY(100%)}to{transform:none}}.access-popup-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1.15fr 1fr}.access-popup-left,.access-popup-right{display:flex;flex-direction:column}.access-popup-brand{align-items:center;display:flex;gap:10px;margin-bottom:16px}.access-popup-logo{height:30px;object-fit:contain;width:auto}.access-popup-brand-tag{color:#ffffff8c;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.access-popup-title{color:#f8fafc;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 10px;padding-right:40px}.access-popup-title span{color:#67d9e6}.access-popup-subtitle{color:#ffffffa6;font-size:.9rem;line-height:1.55;margin:0 0 14px}.access-popup-benefits{grid-gap:6px 16px;display:grid;gap:6px 16px;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 12px;padding:0}.access-popup-benefits li{color:#d3f4f8;font-size:.87rem;padding-left:16px;position:relative}.access-popup-benefits li:before{background:#67d9e6;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:6px;width:6px}.access-popup-grid label{color:#ffffff8c;display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.access-popup-left label{margin-top:12px}.access-popup-grid input,.access-popup-grid select{background:#1e293b80;border:1px solid #ffffff1f;border-radius:10px;color:#f1f5f9;font-size:.92rem;outline:none;padding:11px 14px;transition:border-color .2s ease;width:100%}.access-popup-grid input::placeholder{color:#ffffff59}.access-popup-grid input:focus,.access-popup-grid select:focus{border-color:#67d9e699}.access-popup-grid select option{background:#1e293b;color:#f1f5f9}.access-popup-error{color:#fca5a5;font-size:.83rem;margin-top:10px}.access-popup-input-error{border-color:#fca5a599!important}.access-popup-field-error{color:#fca5a5;font-size:.78rem;margin-top:6px}.access-popup-field-hint{color:#ffffff73;font-size:.78rem;margin-top:6px}.access-popup-submit{border-radius:10px;font-size:.98rem;margin-top:16px;padding:12px 24px;width:100%}.access-popup-submit:disabled{cursor:not-allowed;opacity:.6}.access-popup-privacy{color:#ffffff80;font-size:.76rem;line-height:1.45;margin-top:12px}.access-popup-right{gap:18px}.access-popup-qr-box{background:#1e293b73;border:1px solid #67d9e640;border-radius:18px;margin-top:34px;padding:18px 18px 16px;text-align:center}.access-popup-qr-box svg{background:#fff;border-radius:10px;padding:10px}.access-popup-qr-box h3{color:#f8fafc;font-size:.95rem;margin:14px 0 6px}.access-popup-qr-box p{color:#ffffff8c;font-size:.8rem;line-height:1.45;margin:0}.access-popup-right-form{background:#1e293b4d;border:1px solid #ffffff14;border-radius:18px;padding:18px 20px}.access-popup-right-form label{margin-top:0}.access-popup-success{padding:36px 20px;text-align:center}.access-success-icon{align-items:center;background:linear-gradient(135deg,#67d9e6,#23c5d7);border-radius:50%;color:#0f172a;display:flex;font-size:1.9rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.access-popup-success h2{color:#f8fafc;font-size:1.4rem;margin:0 0 10px}.access-popup-success p{color:#ffffffa6;margin:0 0 22px}.access-popup-success .btn-primary{padding:11px 30px}@media (max-width:860px){.access-popup-grid{gap:18px;grid-template-columns:1fr}.access-popup-qr-box{display:none}.access-popup-scroll{padding:24px 20px 22px}.access-popup-title{font-size:1.3rem}.access-popup-benefits{grid-template-columns:1fr 1fr}}@media (max-width:600px){.access-popup-overlay{align-items:flex-end;padding:0}.access-popup-card{animation:accessSheet .35s cubic-bezier(.2,.8,.2,1);border-bottom:0;border-radius:22px 22px 0 0;max-height:92dvh;max-width:none}.access-popup-card:before{background:#fff3;border-radius:4px;content:"";height:4px;left:50%;margin-left:-20px;position:absolute;top:8px;width:40px}.access-popup-scroll{padding:26px 18px calc(20px + env(safe-area-inset-bottom))}.access-popup-close{right:12px;top:12px}.access-popup-brand-tag{display:none}.access-popup-grid input,.access-popup-grid select{font-size:16px}}@media (max-width:380px){.access-popup-benefits{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.access-popup-card,.access-popup-overlay{animation:none}.access-popup-close:hover{transform:none}}.hp{--hp-bg:#05070f;--hp-surface:#0d1424;--hp-surface-2:#131c30;--hp-text:#eef2f7;--hp-muted:#94a3b8;--hp-accent:#67d9e6;--hp-accent-2:#23c5d7;--hp-gutter:clamp(16px,4vw,56px);background:var(--hp-bg);color:var(--hp-text);font-family:inherit;min-height:100vh;overflow-x:hidden}.hp *,.hp :after,.hp :before{box-sizing:border-box}.hp h1,.hp h2,.hp h3,.hp p{margin:0}.hp-cap{text-transform:capitalize}.hp .hp-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;line-height:1.1;padding:11px 22px;text-decoration:none;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;white-space:nowrap}.hp .hp-btn:hover{transform:translateY(-1px)}.hp .hp-btn.primary{background:linear-gradient(135deg,#7fe5f0,var(--hp-accent-2));box-shadow:0 8px 24px #67d9e640;color:#06131a}.hp .hp-btn.primary:hover{box-shadow:0 10px 30px #67d9e666}.hp .hp-btn.ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff2e;color:var(--hp-text)}.hp .hp-btn.ghost:hover{background:#ffffff24}.hp .hp-btn.sm{border-radius:9px;font-size:13.5px;padding:8px 14px}.hp .hp-btn.lg{border-radius:12px;font-size:16px;padding:14px 28px}.hp .hp-mute{background:#00000059;border:1px solid #ffffff59;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:46px;padding:0;width:46px}.hp-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 8px}.hp-badge.new{background:#fff;color:#05070f}.hp-badge.gold{background:linear-gradient(135deg,#ffe29a,#f5c451 55%,#d4941f);color:#2a1a02}.hp-badge.hot{background:linear-gradient(135deg,#7fe5f0,var(--hp-accent-2));color:#06131a}.hp-badge.promo{background:#000000a6;border:1px solid #ffffff40;color:#fff}.hp-meta{align-items:center;color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:13.5px;gap:6px}.hp-meta-rating{color:#fcd34d;font-weight:700;margin-right:4px}.hp-dot{opacity:.5}.hp-nav{align-items:center;background:linear-gradient(180deg,#05070fd9,#05070f00);display:flex;gap:28px;height:72px;inset:0 0 auto 0;padding:0 var(--hp-gutter);position:fixed;transition:background .3s ease,box-shadow .3s ease;z-index:40}.hp-nav.solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c18f0;box-shadow:0 1px 0 #ffffff0f}.hp-logo img{display:block;height:34px;width:auto}.hp-nav-links{display:flex;flex:1 1;gap:4px}.hp-nav-links a,.hp-nav-links button{background:none;border:0;border-radius:8px;color:#cbd5e1;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:8px 12px;text-decoration:none}.hp-nav-links a.active,.hp-nav-links a:hover,.hp-nav-links button:hover{background:#ffffff14;color:#fff}.hp-nav-actions{display:flex;gap:10px}.hp-hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:88px 0 118px;position:relative}.hp-hero-bg{animation:hpFade .9s ease;inset:0;position:absolute}.hp-hero-bg .hp-poster,.hp-hero-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hp-hero-poster .hp-poster-img.is-loaded{animation:hpKenBurns 18s ease-out forwards}.hp-hero-bg .hp-poster-fallback{font-size:clamp(32px,6vw,80px)}.hp-hero-shade{background:linear-gradient(270deg,#05070ff0 0,#05070fb8 34%,#05070f1f 68%),linear-gradient(0deg,var(--hp-bg) 0,#05070f00 34%),linear-gradient(180deg,#05070f8c 0,#05070f00 18%);inset:0;position:absolute}.hp-hero-main{align-items:center;display:grid;flex:1 1;grid-template-columns:minmax(0,1fr) minmax(0,600px);padding:0 var(--hp-gutter);position:relative;width:100%;z-index:2}.hp-hero-content{align-items:flex-start;animation:hpRise .7s ease;display:flex;flex-direction:column;gap:18px;gap:var(--hp-hero-gap,18px);grid-column:2;min-width:0}.hp-hero-content>*{margin:0!important}.hp-hero-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hp-hero-cat{color:var(--hp-accent);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hp-hero h1{font-size:clamp(30px,4.4vw,60px);font-weight:900;letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere;text-shadow:0 4px 30px #00000080}.hp-hero-instructor{align-items:center;color:#cbd5e1;display:flex;font-size:15px;gap:10px}.hp-avatar{align-items:center;background:linear-gradient(135deg,#7fe5f0,var(--hp-accent-2));border-radius:50%;color:#06131a;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:800;height:30px;justify-content:center;width:30px}.hp-hero-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:16px;line-height:1.6;max-width:560px;overflow:hidden}.hp-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.hp-hero-strip{display:flex;gap:14px;justify-content:flex-start;overflow-x:auto;padding:30px var(--hp-gutter) 8px;position:relative;scrollbar-width:none;z-index:2}.hp-hero-strip>.hp-hero-thumb:first-child{margin-left:auto}.hp-hero-strip>.hp-hero-thumb:last-child{margin-right:auto}.hp-hero-strip::-webkit-scrollbar{display:none}.hp-hero-thumb{aspect-ratio:16/9;background:var(--hp-surface);border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;flex:0 0 auto;opacity:.65;overflow:hidden;padding:0;position:relative;transition:opacity .2s ease,transform .2s ease,border-color .2s ease;width:clamp(140px,13vw,200px)}.hp-hero-thumb:hover{opacity:1;transform:translateY(-3px)}.hp-hero-thumb.active{border-color:#f5c451;opacity:1;transform:scale(1.06)}.hp-hero-thumb .hp-poster{height:100%;width:100%}.hp-hero-thumb>span{background:linear-gradient(0deg,#000000d9,#0000);color:#fff;font-size:12.5px;font-weight:700;inset:auto 0 0 0;overflow:hidden;padding:18px 10px 8px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap}.hp-hero-progress{animation:hpProgress linear forwards;background:linear-gradient(90deg,#f5c451,#ffe29a);bottom:0;height:2px;left:0;position:absolute}.hp-hero-empty{max-width:760px;padding:0 var(--hp-gutter);position:relative;z-index:2}.hp-hero-empty h1{margin-bottom:14px}.hp-hero-empty p{color:var(--hp-muted);font-size:18px;margin-bottom:26px}.hp-scroll-cue{align-items:center;background:none;border:0;bottom:14px;color:#cbd5e1;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;left:50%;padding:6px 12px;position:fixed;transform:translateX(-50%);transition:opacity .4s ease,transform .4s ease;z-index:30}.hp-scroll-cue:hover{color:#fff}.hp-scroll-cue.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,10px)}.hp-mouse{border:2px solid #ffffff8c;border-radius:14px;height:38px;position:relative;width:24px}.hp-mouse i{animation:hpWheel 1.6s ease-in-out infinite;background:var(--hp-accent);border-radius:2px;height:8px;left:50%;margin-left:-2px;position:absolute;top:7px;width:4px}.hp-scroll-text{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hp-chevron{animation:hpBounce 1.6s ease-in-out infinite;border-bottom:2px solid var(--hp-accent);border-right:2px solid var(--hp-accent);height:10px;transform:rotate(45deg);width:10px}@keyframes hpWheel{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}@keyframes hpBounce{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(6px) rotate(45deg)}}.hp-stats{scroll-margin-top:90px}.hp .hp-video{animation:none;opacity:0;transition:opacity .6s ease}.hp .hp-video.is-playing{opacity:1}.hp-poster{display:block;height:100%;width:100%}.hp-poster-wrap{overflow:hidden;position:relative}.hp-poster-img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}.hp-poster-img.is-loaded{opacity:1}.hp-poster-fallback{align-items:center;background:radial-gradient(circle at 30% 20%,#67d9e659,#0000 60%),linear-gradient(135deg,#1d2b4f,#0b1324);color:#fff;display:flex;font-size:15px;font-weight:800;inset:0;justify-content:center;line-height:1.25;padding:14px;position:absolute;text-align:center}.hp-poster-fallback span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hp-stats{grid-gap:1px;background:#ffffff12;border:1px solid #ffffff12;border-radius:18px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin:10px var(--hp-gutter) 20px;overflow:hidden}.hp-stats>div{background:var(--hp-surface);padding:22px 18px;text-align:center}.hp-stats strong{background:linear-gradient(135deg,#fff,var(--hp-accent));-webkit-background-clip:text;background-clip:text;color:#0000;display:block;font-size:clamp(24px,3vw,36px);font-weight:900}.hp-stats>div>span{color:var(--hp-muted);font-size:13.5px;font-weight:600}.hp-rows{padding-bottom:20px}.hp-row{margin-top:26px}.hp-row-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:14px;padding:0 var(--hp-gutter)}.hp-row-head h2{font-size:clamp(19px,2vw,24px);font-weight:800}.hp-row-head p{color:var(--hp-muted);font-size:14px}.hp-row-track-wrap{position:relative}.hp-row-track{display:flex;gap:14px;overflow-x:auto;padding:18px var(--hp-gutter) 30px;scrollbar-width:none}.hp-row-track::-webkit-scrollbar{display:none}.hp-row-arrow{border:0;bottom:30px;color:#fff;cursor:pointer;font-size:40px;line-height:1;min-width:36px;opacity:0;position:absolute;top:18px;transition:opacity .2s ease;width:var(--hp-gutter);z-index:5}.hp-row-arrow.left{background:linear-gradient(90deg,#05070fe6,#0000);left:0}.hp-row-arrow.right{background:linear-gradient(270deg,#05070fe6,#0000);right:0}.hp-row-track-wrap:hover .hp-row-arrow{opacity:1}.hp-card{background:var(--hp-surface);border-radius:14px;flex:0 0 auto;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:clamp(220px,21vw,300px);z-index:1}.hp-card.is-hovered{box-shadow:0 22px 50px #0009;transform:scale(1.06);z-index:6}.hp-card-media{aspect-ratio:16/9;background:var(--hp-surface-2);border:0;border-radius:14px 14px 0 0;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.hp-card-video{animation:hpFade .5s ease;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hp-card-badges{display:flex;gap:6px;left:8px;position:absolute;top:8px}.hp-price{background:#000000b8;border-radius:7px;bottom:8px;color:#fff;font-size:12.5px;font-weight:800;padding:4px 9px;position:absolute;right:8px}.hp-price.free{background:#10b981;color:#03221a}.hp-card-info{padding:10px 12px 12px}.hp-card-info h3{font-size:14.5px;font-weight:700}.hp-card-info h3,.hp-card-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-card-info p{color:var(--hp-muted);font-size:12.5px;margin-top:3px}.hp-card-pop{animation:hpRise .2s ease;background:linear-gradient(0deg,var(--hp-surface) 62%,#0d142400);border-radius:0 0 14px 14px;bottom:0;left:0;padding:34px 12px 12px;position:absolute;right:0}.hp-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:12.5px;line-height:1.5;margin:8px 0 10px;overflow:hidden}.hp-card-actions{display:flex;gap:8px}.hp-card-pop .hp-meta{font-size:12px}.hp-rank{-webkit-text-stroke:3px #67d9e68c;align-self:flex-end;color:var(--hp-bg);flex:0 0 auto;font-size:150px;font-weight:900;letter-spacing:-6px;line-height:.9;margin-bottom:-10px;margin-right:-26px;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;z-index:0}.hp-row-track.ranked .hp-rank:not(:first-child){margin-left:10px}.hp-skel{animation:hpShimmer 1.4s infinite;background:linear-gradient(90deg,#0d1424 25%,#16213a 50%,#0d1424 75%);background-size:200% 100%}.hp-card.hp-skel{height:190px}.hp-skel-title{border-radius:6px;height:22px;width:220px}.hp-band{align-items:center;background:radial-gradient(600px 200px at 0 0,#67d9e62e,#0000 70%),linear-gradient(135deg,#0f1c36,#0b1324);border:1px solid #67d9e633;border-radius:20px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:34px var(--hp-gutter) 6px;padding:28px 32px}.hp-band h2{font-size:clamp(20px,2.4vw,28px);font-weight:800}.hp-band p{color:#cbd5e1;margin-top:8px;max-width:640px}.hp-band-actions{display:flex;flex-wrap:wrap;gap:10px}.hp-instructors{margin-top:40px}.hp-instructor-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding:18px var(--hp-gutter) 0}.hp-instructor{align-items:center;background:var(--hp-surface);border:1px solid #ffffff12;border-radius:16px;color:var(--hp-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:22px 14px;position:relative;transition:transform .2s ease,border-color .2s ease}.hp-instructor:hover{border-color:#67d9e666;transform:translateY(-4px)}.hp-instructor img,.hp-instructor-initial{border-radius:50%;height:72px;margin-bottom:6px;width:72px}.hp-instructor img{object-fit:cover;position:absolute;top:22px;z-index:1}.hp-instructor-initial{align-items:center;background:linear-gradient(135deg,#7fe5f0,var(--hp-accent-2));color:#06131a;display:flex;font-size:28px;font-weight:900;justify-content:center}.hp-instructor strong{font-size:14.5px;text-align:center}.hp-instructor>span:last-child{color:var(--hp-muted);font-size:12.5px}.hp-how{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.6fr 1fr;margin:54px var(--hp-gutter) 0}.hp-how-steps{background:var(--hp-surface);border:1px solid #ffffff12;border-radius:20px;padding:28px}.hp-how-steps h2{font-size:24px;font-weight:800;margin-bottom:18px}.hp-how-step{border-top:1px solid #ffffff0f;display:flex;gap:16px;padding:14px 0}.hp-how-step>span{align-items:center;background:linear-gradient(135deg,#7fe5f0,var(--hp-accent-2));border-radius:10px;color:#06131a;display:flex;flex:0 0 auto;font-weight:900;height:36px;justify-content:center;width:36px}.hp-how-step p{color:var(--hp-muted);font-size:14px;line-height:1.5;margin-top:4px}.hp-teach{align-items:flex-start;background:radial-gradient(400px 220px at 100% 0,#a78bfa38,#0000 70%),#111a2e;border:1px solid #a78bfa40;border-radius:20px;display:flex;flex-direction:column;gap:12px;padding:28px}.hp-teach-icon{font-size:34px}.hp-teach h3{font-size:22px;font-weight:800}.hp-teach p{color:#cbd5e1;flex:1 1;line-height:1.6}.hp-modal-overlay{align-items:flex-start;animation:hpFade .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:200}.hp-modal{animation:hpRise .3s ease;background:var(--hp-surface);border-radius:18px;box-shadow:0 40px 100px #000000b3;max-width:860px;overflow:hidden;position:relative;width:100%}.hp-modal-close{background:#0009;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;padding:0;position:absolute;right:14px;top:14px;width:40px;z-index:5}.hp-modal-media{aspect-ratio:16/9;background:#000;position:relative}.hp-modal-media .hp-poster,.hp-modal-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hp-modal-media-fade{background:linear-gradient(0deg,var(--hp-surface) 0,#0d142400 55%);inset:0;position:absolute}.hp-modal-media .hp-mute{bottom:18px;position:absolute;right:18px;z-index:3}.hp-modal-title{bottom:18px;left:28px;position:absolute;right:90px;z-index:2}.hp-modal-title h2{font-size:clamp(22px,3.4vw,36px);font-weight:900;line-height:1.1}.hp-modal-title p{color:#cbd5e1;margin-top:6px}.hp-modal-body{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1.7fr 1fr;padding:18px 28px 30px}.hp-modal-desc{color:#cbd5e1;line-height:1.65;margin-top:14px}.hp-modal-lock{background:#67d9e612;border:1px solid #67d9e640;border-radius:12px;display:flex;gap:14px;margin-top:20px;padding:14px 16px}.hp-lock-icon{font-size:22px}.hp-modal-lock p{color:var(--hp-muted);font-size:13.5px;line-height:1.5;margin-top:4px}.hp-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hp-modal-side{display:flex;flex-direction:column;font-size:14px;gap:12px}.hp-modal-side>div{border-bottom:1px solid #ffffff0f;display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.hp-modal-side span{color:var(--hp-muted)}.hp-modal-side strong{text-align:right}.hp-footer{background:#04060c;border-top:1px solid #ffffff12;margin-top:70px;padding:44px var(--hp-gutter) 26px}.hp-footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.hp-footer-brand img{height:36px;width:auto}.hp-footer-brand p{color:var(--hp-muted);font-size:14px;margin-top:10px}.hp-footer-links{display:flex;flex-wrap:wrap;gap:56px}.hp-footer-links>div{display:flex;flex-direction:column;gap:9px}.hp-footer-links h4{color:#fff;font-size:13px;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.hp-footer-links a,.hp-footer-links button{background:none;border:0;color:var(--hp-muted);cursor:pointer;font-family:inherit;font-size:14px;padding:0;text-align:left;text-decoration:none}.hp-footer-links a:hover,.hp-footer-links button:hover{color:var(--hp-accent)}.hp-footer-bottom{color:#64748b;font-size:13px;margin-top:32px;text-align:center}@keyframes hpFade{0%{opacity:0}to{opacity:1}}@keyframes hpRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hpKenBurns{0%{transform:scale(1.02)}to{transform:scale(1.12)}}@keyframes hpProgress{0%{width:0}to{width:100%}}@keyframes hpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.hp *,.hp :after,.hp :before{animation:none!important;transition:none!important}}@media (max-width:1024px){.hp-how,.hp-modal-body{grid-template-columns:1fr}}@media (max-width:760px){.hp-nav{gap:12px;height:64px}.hp-nav-links{display:none}.hp-nav-actions{margin-left:auto}.hp-logo img{height:28px}.hp-hero-desc{-webkit-line-clamp:2;font-size:14.5px}.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-card{width:68vw}.hp-card.is-hovered{transform:none}.hp-card-pop,.hp-row-arrow{display:none}.hp-rank{font-size:104px;margin-right:-18px}.hp-band{padding:22px}.hp-modal-overlay{padding:0}.hp-modal{border-radius:0;min-height:100vh}.hp-modal-title{left:18px}.hp-modal-body{padding:14px 18px 28px}}.hp-label-short{display:none}@media (max-width:420px){.hp-label-long{display:none}.hp-label-short{display:inline}.hp-nav-actions{gap:8px}}@media (max-width:350px){.hp-nav{gap:8px}.hp-logo img{height:24px}.hp-nav-actions{gap:6px}.hp .hp-nav-actions .hp-btn.sm{font-size:12.5px;padding:7px 10px}}.hp-stats.five{grid-template-columns:repeat(5,1fr)}.hp-livebar{align-items:center;animation:hpRise .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14080cd1;border:1px solid #f8717173;border-radius:999px;box-shadow:0 10px 30px #ef444440;color:#fff;cursor:pointer;display:flex;font-family:inherit;gap:12px;left:50%;max-width:min(760px,calc(100vw - 24px));padding:8px 10px 8px 8px;position:absolute;top:80px;transform:translateX(-50%);z-index:39}.hp-livebar-pill{align-items:center;background:#ef4444;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:11.5px;font-weight:900;gap:6px;letter-spacing:.08em;padding:4px 10px}.hp-live-badge i,.hp-livebar-pill i{animation:hpPulse 1.4s infinite;background:#fff;border-radius:50%;height:7px;width:7px}.hp-livebar-text{color:#fde2e2;font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-livebar-cta{color:#fca5a5;flex:0 0 auto;font-size:13px;font-weight:800;padding-right:6px}.hp-live{margin-top:30px;scroll-margin-top:84px}.hp-rows{scroll-margin-top:72px}.hp-row-head h2 .hp-live-dot{background:#64748b;border-radius:50%;display:inline-block;height:11px;margin-right:6px;vertical-align:middle;width:11px}.hp-live-dot.on{animation:hpRing 1.6s infinite;background:#ef4444;box-shadow:0 0 0 0 #ef4444b3}.hp-live-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px var(--hp-gutter) 0}.hp-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;color:#cbd5e1;font-size:13px;font-weight:700;padding:6px 12px}.hp-chip.red{background:#ef444424;border-color:#ef444473;color:#fecaca}.hp-live-track{align-items:flex-start;display:flex;gap:16px;overflow-x:auto;padding:18px var(--hp-gutter) 10px;scrollbar-width:none}.hp-live-track::-webkit-scrollbar{display:none}.hp-live-card{background:linear-gradient(160deg,#ffffff0d,hsla(0,0%,100%,.015)),var(--hp-surface);border:1px solid #ffffff14;border-radius:18px;display:flex;flex:0 0 auto;gap:14px;padding:16px;transition:transform .2s ease,border-color .2s ease;width:clamp(280px,26vw,360px)}.hp-live-card:hover{border-color:#67d9e659;transform:translateY(-3px)}.hp-live-card.is-live{border-color:#ef444473;box-shadow:0 16px 40px #ef444426;flex-direction:column;overflow:hidden;padding:0;width:clamp(300px,34vw,460px)}.hp-live-media{aspect-ratio:16/8;position:relative}.hp-live-media .hp-poster{inset:0;position:absolute}.hp-live-art{background:radial-gradient(circle at 70% 30%,#ef444459,#0000 60%),linear-gradient(135deg,#2a1330,#0b1324)!important}.hp-live-badge{align-items:center;background:#ef4444;border-radius:7px;color:#fff;display:inline-flex;font-size:12px;font-weight:900;gap:6px;left:12px;letter-spacing:.08em;padding:5px 10px;position:absolute;top:12px}.hp-eq{align-items:flex-end;bottom:12px;display:flex;gap:3px;height:20px;position:absolute;right:14px}.hp-eq i{animation:hpEq 1s ease-in-out infinite;background:#fff;border-radius:2px;width:4px}.hp-eq i:nth-child(2){animation-delay:.2s}.hp-eq i:nth-child(3){animation-delay:.4s}.hp-eq i:nth-child(4){animation-delay:.1s}.hp-live-card.is-live .hp-live-body{padding:14px 16px 16px}.hp-live-body{display:flex;flex:1 1;flex-direction:column;min-width:0}.hp-live-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:800;margin-top:6px;overflow:hidden}.hp-live-when{align-items:center;color:var(--hp-accent);display:flex;flex-wrap:wrap;font-size:12.5px;font-weight:700;gap:6px}.hp-live-when.red{color:#fca5a5}.hp-countdown{background:#67d9e61a;border-radius:999px;color:var(--hp-accent);font-size:11.5px;padding:2px 8px}.hp-countdown.next{background:#fbbf2426;color:#fcd34d}.hp-live-by{color:var(--hp-muted);font-size:13px;margin-top:6px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-live-by strong{color:#e2e8f0}.hp-live-join{align-self:flex-start;margin-top:12px}.hp-live-foot{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto;padding-top:12px}.hp-price.inline{position:static}.hp-live-date{align-items:center;background:linear-gradient(160deg,#67d9e62e,#23c5d70d);border:1px solid #67d9e659;border-radius:14px;display:flex;flex:0 0 64px;flex-direction:column;height:76px;justify-content:center}.hp-live-date strong{font-size:24px;font-weight:900;line-height:1}.hp-live-date span{color:var(--hp-accent);font-size:11px;font-weight:800;letter-spacing:.1em;margin-top:2px}.hp-live-date em{color:var(--hp-muted);font-size:11px;font-style:normal;margin-top:2px}.hp-live-empty{align-items:center;background:radial-gradient(500px 160px at 0 0,#ef44441f,#0000 70%),var(--hp-surface);border:1px dashed #ffffff24;border-radius:18px;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:20px;padding:22px 24px}.hp-live-empty>div:nth-child(2){flex:1 1;min-width:220px}.hp-live-empty-icon{font-size:34px}.hp-live-empty h3{font-size:17px;font-weight:800}.hp-live-empty p{color:var(--hp-muted);font-size:14px;line-height:1.55;margin-top:6px}.hp-live-empty strong{color:#e2e8f0}@keyframes hpPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes hpRing{0%{box-shadow:0 0 0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}@keyframes hpEq{0%,to{height:5px}50%{height:20px}}@media (max-width:1024px){.hp-stats.five{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.hp-stats.five{grid-template-columns:repeat(2,1fr)}.hp-stats.five>div:last-child{grid-column:span 2}.hp-livebar{top:72px}.hp-live-card,.hp-live-card.is-live{width:82vw}}@media (max-width:1100px){.hp-hero-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:900px){.hp-hero{justify-content:flex-end}.hp-hero-main{grid-template-columns:1fr}.hp-hero-content{grid-column:1}.hp-hero-shade{background:linear-gradient(0deg,var(--hp-bg) 6%,#05070fd1 42%,#05070f40 75%,#05070f80 100%)}}@media (max-width:760px){.hp-hero{padding:80px 0 112px}.hp-hero-desc{-webkit-line-clamp:2;font-size:14.5px}.hp-hero-content{--hp-hero-gap:14px}.hp-hero-actions{align-self:stretch}.hp .hp-hero-actions .hp-btn.lg{flex:1 1 auto;font-size:15px;padding:12px 18px}.hp-hero-strip{padding-top:20px}.hp-hero-thumb{width:42vw}}@media (max-height:700px) and (min-width:901px){.hp-hero h1{font-size:clamp(28px,3.6vw,48px)}.hp-hero-desc{-webkit-line-clamp:2}.hp-hero-thumb{width:clamp(120px,10vw,160px)}}@property --hp-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hp .hp-instructor{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.hp .hp-instructor:active,.hp .hp-instructor:focus-visible,.hp .hp-instructor:hover{background-color:var(--hp-surface);color:var(--hp-text)}.hp .hp-instructor:before{background:conic-gradient(from var(--hp-angle),#f5c451,#fff1c1,#d4941f,#f5c451,#8a5a12,#f5c451);border-radius:17px;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:2}.hp .hp-instructor:focus-visible,.hp .hp-instructor:hover{border-color:#0000;outline:none;transform:translateY(-6px) scale(1.06);z-index:2}.hp .hp-instructor:focus-visible:before,.hp .hp-instructor:hover:before{animation:hpSpin 2.6s linear infinite;opacity:1}.hp .hp-instructor:focus-visible strong,.hp .hp-instructor:hover strong{color:#ffe29a}.hp .hp-instructor:hover .hp-instructor-initial,.hp .hp-instructor:hover img{box-shadow:0 0 0 1px #f5c451,0 0 18px #f5c45159}@keyframes hpSpin{to{--hp-angle:360deg}}.hp .hp-card-media:hover,.hp .hp-footer-links button:hover,.hp .hp-row-arrow:hover,.hp .hp-scroll-cue:hover{background-color:initial}.hp .hp-hero-thumb:hover{background-color:var(--hp-surface)}.hp .hp-nav-links button:hover{background-color:#ffffff14}.hp .hp-modal-close:hover,.hp .hp-mute:hover{background-color:#0000008c}.hp .hp-livebar:hover{background-color:#14080ce6}.hp-poster-blur{filter:blur(18px) saturate(1.2);height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1.08);width:100%}.hp-lazy-skel{margin-top:26px;padding:0 var(--hp-gutter)}.hp-lazy-skel-cards{display:flex;gap:14px;margin-top:18px;overflow:hidden}.hp-lazy-skel-cards .hp-skel{border-radius:14px;flex:0 0 auto;height:190px;width:clamp(220px,21vw,300px)}.hp .hp-watch-preview{border-color:#67d9e673}.hp .hp-watch-preview:hover{background:#67d9e624}:root{--light-bg:#f8fafc;--light-surface:#fff;--light-text:#0f172a;--light-text-secondary:#64748b;--light-border:#e2e8f0;--light-input:#fff;--bg-gradient-light:radial-gradient(900px 520px at 70% 15%,#67d9e60d 0%,#67d9e600 60%),radial-gradient(700px 420px at 0% 100%,#23c5d70a 0%,#23c5d700 62%),linear-gradient(160deg,#f8fafc,#f1f5f9 40%,#eaecf4);--bg-solid-dark:#0f1729;--bg-solid-light:#f8fafc;--bg-gradient-dark:radial-gradient(900px 520px at 70% 15%,#67d9e61a 0%,#67d9e600 60%),radial-gradient(700px 420px at 0% 100%,#23c5d712 0%,#23c5d700 62%),linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);--dark-bg:222 47% 11%;--dark-surface:#1e293b;--dark-text:#f1f5f9;--dark-text-secondary:#94a3b8;--dark-border:#334155;--dark-input:#0f172a;--focus-ring-hsl:186 72% 65%;--btn-bg-hsl:186 72% 65%;--btn-bg-hover-hsl:186 72% 55%;--btn-bg-active-hsl:186 72% 48%;--btn-text-on-cyan:#0f172a;--btn-radius:10px;--primary:186 72% 65%;--primary-hover:#a7e9f1;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--nav-icon-size:1rem;--nav-icon-color:#94a3b8}.app{background:var(--bg);background:var(--app-bg,var(--bg));background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=dark]{--app-bg:var(--bg-gradient-dark)}[data-theme=light]{--app-bg:var(--bg-gradient-light)}#root,body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}.auth-submit-btn,.btn,[role=button],button,input[type=button],input[type=submit]{background-color:#65d9e6;background-color:hsl(var(--btn-bg-hsl));border:1px solid #65d9e6;border:1px solid hsl(var(--btn-bg-hsl));border-radius:10px;border-radius:var(--btn-radius);color:#0f172a;color:var(--btn-text-on-cyan);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.auth-submit-btn:hover,.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#3acedf;background-color:hsl(var(--btn-bg-hover-hsl))}.auth-submit-btn:active,.btn:active,button:active,input[type=button]:active,input[type=submit]:active{background-color:#22c1d3;background-color:hsl(var(--btn-bg-active-hsl))}.auth-submit-btn:focus-visible,.btn:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{box-shadow:0 0 0 3px hsla(186 72% 65%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}.btn-primary{background-color:#65d9e6;background-color:hsl(var(--btn-bg-hsl));color:#0f172a;color:var(--btn-text-on-cyan)}.btn-primary:hover{background-color:#3acedf;background-color:hsl(var(--btn-bg-hover-hsl))}[data-theme=dark],[data-theme=light]{--focus-ring-hsl:186 72% 65%}input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-form .form-input:focus,input:focus,select:focus,textarea:focus{border-color:#65d9e6;border-color:hsl(var(--focus-ring-hsl));box-shadow:0 0 0 3px hsla(186 72% 65%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}.auth-link:focus-visible,.auth-submit-btn:focus-visible,.forgot-link:focus-visible,.social-btn:focus-visible{border-radius:10px;box-shadow:0 0 0 3px hsla(186 72% 65%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;letter-spacing:-.01em;line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{background-color:var(--bg);color:var(--text);min-height:100vh}[data-theme=light]{--bg:var(--light-bg);--surface:var(--light-surface);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--border:var(--light-border);--input:var(--light-input)}[data-theme=dark]{--bg:var(--dark-bg);--surface:var(--dark-surface);--text:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border:var(--dark-border);--input:var(--dark-input)}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background-color:186 72% 65%;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#a7e9f1;background-color:var(--primary-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.main-content{margin-left:0}.main-content.sidebar-open{margin-left:200px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-top:186 solid 65%;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}:root{--navbar-height:70px}.main-content{margin-left:250px;min-height:100vh;padding-top:70px;padding-top:var(--navbar-height);transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;padding-top:70px;padding-top:var(--navbar-height)}.main-content.sidebar-open{margin-left:200px}:root{--navbar-height:60px}}.cert-value.hightlight-date,.highlight-date,.live-table .highlight-date,.subs-table .highlight-date,.table-annc .highlight-date{color:#ff8c00}.course-price-cell.highlight-amt,.pay-det .hightlight-date,.sp-amt.highlight-amt{color:#deb887}.live-table .highlight-amt,.pay-row .highlight-amt,.stud-wrap .highlight-amt,.subs-table .highlight-amt,.tb-refund .highlight-amt,.whole-wrap .highlight-amt{color:#10b981}.sc-datepicker-wrapper{display:block;width:100%}.sc-datepicker-wrapper .sc-input{box-sizing:border-box;padding-left:42px!important;width:100%}.sc-datepicker-popper{min-width:100%!important;width:100%!important}.react-datepicker__time-container .react-datepicker__time{background-color:#090d16}.sc-datepicker-popper .react-datepicker{width:100%}.sc-datepicker-popper .react-datepicker__month-container{width:calc(100% - 90px)}.sc-datepicker-popper .react-datepicker__time-container{width:90px}.sc-datepicker-popper .react-datepicker__time-box,.sc-datepicker-popper .react-datepicker__time-list{width:100%}.react-datepicker{background:#090d16;border:1px solid #1e293b;color:#fff}.react-datepicker__header{background:#0f172a;border-bottom:1px solid #1e293b}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#fff}.react-datepicker__day:hover,.react-datepicker__time-list-item:hover{background:#38bdf8!important}.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{background:#38bdf8!important;color:#fff}.react-datepicker__time-container{background:#111827;border-left:1px solid #374151}.react-datepicker__time-box,.react-datepicker__time-list{background:#111827}.react-datepicker__time-list-item{color:#fff}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__time-list::-webkit-scrollbar{width:8px}.react-datepicker__time-list::-webkit-scrollbar-track{background:#0000}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:10px}.react-datepicker__time-list::-webkit-scrollbar-button{display:none;height:0;width:0}.react-datepicker__time-list::-webkit-scrollbar-corner{background:#0000}.react-datepicker__time-list{scrollbar-color:#7a7a7a #0000;scrollbar-width:thin}
/*# sourceMappingURL=main.67b1583c.css.map*/