*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-wrapper{min-height:100vh;background:#000;color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}.brand-title{font-size:30px;font-weight:800;letter-spacing:-.5px}.brand-subtitle{margin-top:4px;font-size:12px;color:#9ca3af}.main-nav{display:flex;gap:24px;color:#d1d5db;font-size:14px}.footer-links a:hover,.main-nav a:hover{color:#fff}.header-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 20px;border:1px solid transparent;font-weight:700;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn-light{background:#fff;color:#000}.btn-outline{border-color:hsla(0,0%,100%,.16);background:transparent;color:#fff}.btn-dark{background:#000;color:#fff}.full-width{width:100%}.hero-section{background:linear-gradient(180deg,#0a0a0a,#000);border-bottom:1px solid hsla(0,0%,100%,.1)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:40px;gap:40px;padding-top:70px;padding-bottom:70px}.hero-badge{display:inline-block;padding:10px 16px;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:hsla(0,0%,100%,.05);color:#d1d5db;font-size:14px}.hero-text h1{margin:18px 0 0;font-size:58px;line-height:1.1;font-weight:800}.hero-text p{margin-top:22px;max-width:760px;font-size:18px;line-height:1.8;color:#9ca3af}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-card{border-radius:28px;border:1px solid hsla(0,0%,100%,.1);background:#0a0a0a;padding:20px;box-shadow:0 24px 50px rgba(0,0,0,.35)}.hero-card-inner{border-radius:22px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(135deg,#171717,#000);padding:24px}.hero-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hero-card h3{margin:6px 0 0;font-size:32px}.muted{margin:0;color:#9ca3af;font-size:14px}.pill{padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:#d1d5db;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:24px}.feature-card,.mini-card,.payment-info-card,.stat-box,.subject-card,.video-card{border:1px solid hsla(0,0%,100%,.1)}.stat-box{border-radius:18px;background:hsla(0,0%,100%,.06);padding:18px}.stat-box strong{display:block;font-size:36px;font-weight:800}.stat-box span{display:block;margin-top:6px;color:#9ca3af;font-size:14px}.info-box{margin-top:18px;border-radius:18px;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.45);padding:18px;color:#d1d5db;line-height:1.8;font-size:14px}.section{padding-top:64px;padding-bottom:64px}.section-dark{background:hsla(0,0%,4%,.8)}.section-black{background:#000}.bordered-top{border-top:1px solid hsla(0,0%,100%,.1)}.bordered-bottom{border-bottom:1px solid hsla(0,0%,100%,.1)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-label{margin:0;color:#6b7280;text-transform:uppercase;letter-spacing:4px;font-size:12px}.payment-info-card h2,.pricing-intro h2,.section-head h2{margin:10px 0 0;font-size:38px}.card-subtitle,.checkout-text,.light-note,.payment-info-card p,.pricing-intro p,.section-text,.support-bar p{color:#9ca3af}.section-text{max-width:620px;line-height:1.8}.subjects-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-top:32px}.subject-card{border-radius:18px;background:rgba(0,0,0,.45);padding:18px;font-size:14px;font-weight:700;color:#e5e7eb}.library-head{align-items:center}.search-box{position:relative;width:100%;max-width:420px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px}.form-stack input,.search-box input{width:100%;border-radius:16px;padding:14px 16px 14px 42px;border:1px solid hsla(0,0%,100%,.12);background:#0a0a0a;color:#fff;outline:none}.form-stack input::placeholder,.search-box input::placeholder{color:#6b7280}.form-stack input:focus,.search-box input:focus{border-color:hsla(0,0%,100%,.28)}.category-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.category-btn{border-radius:999px;padding:10px 16px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#d1d5db;font-weight:700}.category-btn.active,.page-btn.active{background:#fff;color:#000}.videos-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-top:30px}.video-card{overflow:hidden;border-radius:24px;background:#111;box-shadow:0 20px 40px rgba(0,0,0,.25)}.video-card:hover{transform:translateY(-4px);transition:transform .2s ease}.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#262626,#000)}.play-button,.video-thumb{display:flex;align-items:center;justify-content:center}.play-button{width:58px;height:58px;border-radius:50%;background:hsla(0,0%,100%,.1);font-size:22px}.video-duration,.video-tag{position:absolute;font-size:12px;font-weight:700}.video-tag{left:14px;top:14px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.1)}.video-duration{right:14px;bottom:14px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.7)}.video-content{padding:18px}.video-content h3{margin:0;font-size:17px;line-height:1.5}.video-meta{gap:16px;margin-top:14px;color:#9ca3af;font-size:14px}.empty-state{grid-column:1/-1;padding:24px;border-radius:18px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:#d1d5db}.pagination-row{display:flex;justify-content:center;gap:10px;margin-top:34px}.page-btn{width:44px;height:44px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#fff;font-weight:700}.pricing-intro{max-width:700px}.pricing-intro p{margin-top:18px;line-height:1.8}.pricing-card-wrap{display:flex;justify-content:center;margin-top:40px}.checkout-card,.pricing-card{border-radius:28px;padding:28px}.pricing-card{width:100%;max-width:700px;background:#fff;color:#000}.pricing-name{margin:0;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800;opacity:.7}.pricing-price{margin-top:18px;font-size:48px;font-weight:800}.pricing-list{margin:24px 0 0;padding-left:18px;line-height:2}.payment-grid,.two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.feature-card,.payment-info-card{border-radius:28px;background:#0a0a0a;padding:28px}.checkout-card h3,.feature-card h3{margin:0;font-size:30px}.card-subtitle{margin-top:8px;font-size:14px}.feature-list{margin:22px 0 0;padding-left:18px;color:#d1d5db;line-height:2}.payment-info-card p{margin-top:16px;line-height:1.8}.payment-info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:28px}.mini-card{border-radius:18px;background:rgba(0,0,0,.45);padding:18px}.mini-label{display:block;color:#9ca3af;font-size:13px;margin-bottom:10px}.checkout-card{background:#fff;color:#000}.checkout-text{margin-top:14px;line-height:1.8;color:#52525b}.form-stack{display:flex;flex-direction:column;gap:14px;margin-top:22px}.form-stack input{padding-left:16px}.checkout-card .form-stack input{border:1px solid rgba(0,0,0,.1);background:#fff;color:#000}.light-note{margin-top:18px;border-radius:18px;background:#f3f4f6;padding:16px;color:#3f3f46;line-height:1.8}.portal-section{padding-top:16px}.dark-inputs input{background:#000;color:#fff}.support-bar{border-top:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,4%,.8)}.support-bar .container{padding-top:26px;padding-bottom:26px}.support-bar p{margin:0;line-height:1.8}.support-bar strong{color:#fff}.site-footer{border-top:1px solid hsla(0,0%,100%,.1)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;padding-bottom:28px;color:#6b7280;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}@media (max-width:1100px){.subjects-grid,.videos-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.main-nav{display:none}}@media (max-width:800px){.footer-row,.header-row,.library-head,.section-head{flex-direction:column;align-items:flex-start}.payment-grid,.payment-info-grid,.stats-grid,.subjects-grid,.two-column-grid,.videos-grid{grid-template-columns:1fr 1fr}.hero-text h1{font-size:42px}.checkout-card h3,.feature-card h3,.payment-info-card h2,.pricing-intro h2,.section-head h2{font-size:30px}}@media (max-width:560px){.payment-grid,.payment-info-grid,.stats-grid,.subjects-grid,.two-column-grid,.videos-grid{grid-template-columns:1fr}.header-actions{width:100%;flex-wrap:wrap}.header-actions .btn{flex:1 1 auto}.hero-text h1{font-size:34px}.pricing-price{font-size:36px}}.hidden{display:none!important}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:18px;z-index:9999}.modal{width:100%;max-width:520px;border-radius:18px;background:#0b1020;border:1px solid hsla(0,0%,100%,.14);box-shadow:0 18px 60px rgba(0,0,0,.55);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid hsla(0,0%,100%,.12)}.modal-head h3{margin:0;font-size:16px}.modal-close{background:transparent;border:1px solid hsla(0,0%,100%,.18);color:#fff;border-radius:12px;padding:8px 10px;font-weight:900}.modal-body{padding:14px;color:#d1d5db;line-height:1.6}.modal-actions{padding:14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid hsla(0,0%,100%,.12)}.video-thumb:before{z-index:2}.video-thumb:after{z-index:3}.video-thumb:after,.video-thumb:before{opacity:0;transition:opacity .15s ease}.video-card:hover .video-thumb:after,.video-card:hover .video-thumb:before{opacity:1}.video-duration,.video-tag{position:relative;z-index:5}.video-thumb{position:relative;overflow:hidden}.video-tag{left:16px}.video-duration,.video-tag{position:absolute!important;top:16px;z-index:12;margin:0!important}.video-duration{right:16px}.video-content h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}.video-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.video-thumb:before{width:56px;height:56px;transform:translate(-50%,-50%);border-radius:999px;background:transparent;z-index:6}.video-thumb:after,.video-thumb:before{content:"";position:absolute;left:50%;top:50%;pointer-events:none;opacity:0;transition:opacity .15s ease}.video-thumb:after{transform:translate(-30%,-50%);width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:12px 0 12px 18px;z-index:7}@media (hover:hover){.video-card:hover .video-thumb:after,.video-card:hover .video-thumb:before{opacity:1}}@media (hover:none){.video-thumb:after,.video-thumb:before{opacity:1}}.video-duration{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;max-width:max-content;padding:6px 10px!important;white-space:nowrap;line-height:1;flex:0 0 auto!important}@media (max-width:768px){.site-header .header-row{display:grid!important;grid-template-columns:1fr auto;align-items:center;grid-gap:10px;gap:10px}.brand-block img{width:42px!important;height:42px!important;border-radius:12px!important}.brand-title{font-size:18px!important;line-height:1.1}.brand-subtitle{display:none!important}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.header-actions .pill{display:none!important}.header-actions .btn{padding:8px 10px!important;font-size:12px!important;line-height:1!important}.main-nav{grid-column:1/-1;display:flex!important;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:13px!important;padding:6px 10px;border-radius:999px}}