.pack-card{margin-bottom:22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.pack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.pack-head h2{margin:10px 0 5px}.pack-head p{margin:0;color:var(--muted);font-size:13px}.pack-count{padding:7px 10px;border-radius:99px;color:#ffb4b8;background:#e3262e1b;font-size:10px;font-weight:800;white-space:nowrap}.pack-lessons{padding-top:16px}.recording-row{background:#09111d}.recording-meta{display:block;margin-top:8px;color:#e9545b;font-size:10px;font-weight:700}@media(max-width:600px){.pack-card{padding:15px}.pack-head{display:block}.pack-count{display:inline-flex;margin-top:12px}}

/* ICT Fast Lane v2 — clean blue/purple interface */
:root{--modern-blue:#4662f6;--modern-purple:#8857e8;--modern-ink:#172033;--modern-muted:#6e7788;--modern-line:#e4e8f0;--modern-soft:#f5f7fc;--modern-navy:#151d35}
body{background:var(--modern-soft);color:var(--modern-ink)}
.top{height:70px!important;border-bottom:1px solid #ffffff14!important;background:var(--modern-navy)!important;box-shadow:0 10px 35px #11182c18}
.top .brand{color:#fff}.top .brand b,.top .brand span{color:#a9b7ff}.top nav a{color:#c7cde0}.top nav .login,.button{border-radius:10px!important;color:#fff!important;background:linear-gradient(120deg,var(--modern-blue),var(--modern-purple))!important;box-shadow:0 9px 22px #5367ee22;transition:.18s}.button:hover,.top nav .login:hover{transform:translateY(-1px);box-shadow:0 13px 28px #5367ee30}.button.secondary{color:var(--modern-ink)!important;background:#fff!important;border:1px solid var(--modern-line)!important;box-shadow:none}
.public-area .hero{padding:88px 0 75px;background:radial-gradient(circle at 85% 12%,#eadffd 0,transparent 28%),radial-gradient(circle at 5% 90%,#dfe5ff 0,transparent 30%),#fbfbfe}.public-area .hero h1{color:var(--modern-ink);font-size:clamp(40px,6vw,68px);letter-spacing:-3px}.public-area .hero h1 span{color:transparent;background:linear-gradient(100deg,var(--modern-blue),var(--modern-purple));background-clip:text}.public-area .hero p{color:var(--modern-muted)}
.badge{color:#4054d5!important;background:#e9edff!important}.section{background:transparent}.heading h1,.heading h2{color:var(--modern-ink)}.heading p{color:var(--modern-muted)!important}.grid{gap:20px}.card{border:1px solid var(--modern-line)!important;border-radius:16px!important;color:var(--modern-ink)!important;background:#fff!important;box-shadow:0 8px 30px #1b274009}.card:hover{border-color:#8da0ff!important;box-shadow:0 18px 45px #24326114}.card p,.card .meta{color:var(--modern-muted)!important}
.form-card{border:1px solid var(--modern-line)!important;border-radius:20px!important;color:var(--modern-ink);background:#fff!important;box-shadow:0 24px 70px #1a26441a}.field label{color:#454e60}.field input,.field textarea{border-color:#dce1ea!important;color:var(--modern-ink)!important;background:#fbfcff!important}.field input:focus,.field textarea:focus{outline:3px solid #5367ee18!important;border-color:#6f82f4!important}.error{color:#b42336;background:#fff1f3}
.student-area{background:var(--modern-soft)!important}.student-sidebar{background:var(--modern-navy)!important;border-right:1px solid #ffffff12}.student-brand b,.student-brand em{color:#aab6ff}.student-profile{border-color:#ffffff14;background:#ffffff08}.student-profile>span{color:#fff;background:linear-gradient(135deg,var(--modern-blue),var(--modern-purple))}.student-nav a:hover,.student-nav a.active{color:#fff;background:#ffffff0f}.student-logout{color:#ffb2bd;background:#ffffff08}.student-stage{background:var(--modern-soft)}.student-main .shell{margin-top:30px}.student-main .card,.student-main .course-row,.student-main .lesson-info{border-color:var(--modern-line)!important;border-radius:15px!important;color:var(--modern-ink);background:#fff!important;box-shadow:0 7px 25px #1e2d4907}.course-row{border-color:var(--modern-line)!important;background:#fff!important}.course-row:hover{border-color:#b7c1fb!important;box-shadow:0 12px 32px #26345d10}.course-icon{color:var(--modern-blue)!important;background:#edf0ff!important}.student-main .notice,.notice{border-color:#dce2f5!important;color:#536176!important;background:#f8f9fd!important}.pack-card{border-color:var(--modern-line)!important;border-radius:17px;background:#fff!important;box-shadow:0 9px 30px #1a2a4508}.pack-head{border-bottom-color:var(--modern-line)!important}.pack-head h2{color:var(--modern-ink)}.pack-head p{color:var(--modern-muted)}.pack-count{color:#4d5ed5;background:#edf0ff}.recording-row{background:#fbfcff!important}.recording-meta{color:#6574d8}
.student-main .player-layout{min-height:calc(100vh - 1px);background:#0a0f1d}.student-main .player-main,.player-main{color:#eef2ff!important;background:#0a0f1d!important}.player-layout{background:#0a0f1d}.video-zone{border:1px solid #303a5c!important;border-radius:16px!important;background:#000;box-shadow:0 25px 75px #0007!important}.video-crop{isolation:isolate;background:#000}.video-crop iframe{top:-64px!important;left:-2%!important;width:104%!important;height:calc(100% + 128px)!important}.video-crop:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:auto;background:transparent}.video-crop:before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:38px;pointer-events:none;background:linear-gradient(#000 0,rgba(0,0,0,.72) 46%,transparent 100%)}.controls{padding:13px 17px!important;border-top:1px solid #29314b!important;background:#101728!important}.seek{height:6px;background:#ffffff1c}.seek span{background:linear-gradient(90deg,var(--modern-blue),var(--modern-purple))!important;box-shadow:0 0 14px #6674ff75}.control-row button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#e9edff!important}.control-row button:hover{background:#ffffff10!important}.lesson-info{border-color:#29324c!important;color:#eef2ff!important;background:#11182a!important}.lesson-info h1{font-size:clamp(22px,3vw,34px)}.lesson-info p{color:#9eaac2!important}.playlist{border-left-color:#29324c!important;background:#0d1424!important}.playlist h3{border-bottom-color:#29324c;color:#eef2ff}.lesson-link{border-bottom-color:#202942;color:#929db3}.lesson-link.active{color:#fff;border-left-color:#6b75ff!important;background:#6875ff18!important}.watermark{padding:5px 8px;border-radius:6px;background:#0008}.gate i{color:var(--modern-blue)!important}
.chat-button{border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--modern-blue),var(--modern-purple));box-shadow:0 16px 40px #4458cf36}.chat{border-color:var(--modern-line);color:var(--modern-ink);background:#fff;box-shadow:0 26px 70px #1b28452a}.chat-head,.chat-form{border-color:var(--modern-line)}.msg{color:var(--modern-ink);background:#eff2f8}.msg.user{color:#fff;background:linear-gradient(120deg,var(--modern-blue),var(--modern-purple))}.chat-form input{border-color:var(--modern-line);color:var(--modern-ink);background:#f8f9fc}.chat-form button{background:var(--modern-blue)}.pdf-frame{border-color:var(--modern-line);box-shadow:0 10px 35px #1c294312}footer{color:#858fa3;border-color:var(--modern-line);background:#fff}
@media(max-width:900px){.student-menu{height:60px;border-color:var(--modern-line);color:var(--modern-ink);background:#fff;box-shadow:0 5px 20px #1f2c450b}.player-main{padding:12px!important}.video-zone{border-radius:12px!important}.playlist{border-top-color:#29324c}.lesson-link{padding:14px 16px}.chat{right:12px;bottom:79px}}
@media(max-width:600px){.public-area .hero{padding:60px 0 52px}.public-area .hero h1{font-size:40px}.form-card{margin:35px auto;padding:24px}.student-main .shell{width:calc(100% - 22px);margin:18px auto}.course-row{grid-template-columns:48px 1fr;gap:12px;padding:14px}.course-row>.button{grid-column:1/-1;width:100%}.pack-card{padding:14px}.video-crop iframe{top:-64px!important;height:calc(100% + 128px)!important}.video-crop:before{height:42px}.controls{padding:11px 12px!important}.control-row div{gap:7px}.control-row button{width:31px;height:31px}.control-row small{font-size:9px}.lesson-info{margin-top:12px;padding:16px}.playlist h3{padding:17px}.chat-button{right:12px;bottom:12px}}