*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#070707;color:#fff}.hero{min-height:340px;padding:70px 6%;display:flex;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(255,61,0,.8),transparent 28%),radial-gradient(circle at 85% 20%,rgba(255,204,0,.35),transparent 30%),linear-gradient(135deg,#161616,#000)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),#070707)}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{color:#ffcc00;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(38px,7vw,78px);line-height:1;margin:14px 0}.hero p{font-size:20px;color:#ddd;max-width:720px}.page{padding:22px 5% 70px}.subject-section{margin-bottom:48px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{font-size:27px;margin:0}.section-head span{color:#aaa;white-space:nowrap}.video-row{display:flex;gap:18px;overflow-x:auto;padding:18px 0 28px;scroll-snap-type:x mandatory}.video-row::-webkit-scrollbar{height:8px}.video-row::-webkit-scrollbar-thumb{background:#333;border-radius:30px}.video-card{min-width:285px;max-width:285px;background:linear-gradient(180deg,#1a1a1a,#101010);border-radius:24px;overflow:hidden;cursor:pointer;transition:.28s ease;scroll-snap-align:start;border:1px solid #292929;box-shadow:0 14px 40px rgba(0,0,0,.28)}.video-card:hover{transform:translateY(-8px) scale(1.03);background:#202020;border-color:#444}.thumb{height:162px;background:linear-gradient(135deg,rgba(255,60,0,.9),rgba(255,204,0,.55)),#333;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(18px)}.play-btn{width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.75);display:grid;place-items:center;font-size:24px;z-index:2;box-shadow:0 8px 30px rgba(0,0,0,.45)}.duration{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.78);padding:6px 11px;border-radius:20px;font-size:13px}.card-body{padding:17px}.lang{display:inline-block;background:#ff3c00;color:white;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:800;margin-bottom:10px}.card-body h3{font-size:16px;line-height:1.42;min-height:48px;margin:0 0 8px}.resource-link,#modalResource{display:inline-block;margin-top:10px;color:#ffcc00;text-decoration:none;font-weight:800}.resource-link:hover,#modalResource:hover{text-decoration:underline}.modal{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:20px;z-index:999}.modal.active{display:flex}.modal-box{width:min(1040px,100%);background:#111;border-radius:26px;overflow:hidden;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.85);border:1px solid #2b2b2b}.close{position:absolute;right:16px;top:12px;z-index:5;background:#fff;color:#000;border:none;width:40px;height:40px;border-radius:50%;font-size:27px;cursor:pointer;line-height:1}.iframe-wrap{position:relative;padding-top:56.25%;background:#000}.iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%}.modal-info{padding:24px}.modal-info h2{margin:0 0 8px;font-size:24px}.modal-info p{color:#bbb;margin:0}.dot{margin:0 8px}.empty-state{padding:40px;background:#151515;border:1px solid #2b2b2b;border-radius:22px}@media(max-width:600px){.hero{min-height:250px;padding:46px 6%}.hero p{font-size:16px}.video-card{min-width:238px;max-width:238px}.thumb{height:136px}.section-head h2{font-size:21px}.modal{padding:10px}.modal-info{padding:18px}.modal-info h2{font-size:19px}}