@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
html,body,button,input,textarea,select{font-family:'Poppins',Arial,sans-serif!important;}
.logo strong,.logo small,.hero h1,.hero h2,.hero p,.tag,.pill-row,.primary,.wa,.batch-panel,.stats-grid,.course,.notice,.section-head,.question,.how,.learning-grid,.about,footer,.modal-box{font-family:'Poppins',Arial,sans-serif;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030507;color:#f4f7fb;font-family:Inter,Arial,Helvetica,sans-serif}.topline{height:3px;background:linear-gradient(90deg,#06111e,#1476ed,#e4b63d,#1476ed,#06111e)}a{text-decoration:none;color:inherit}.header{height:64px;background:#05070a;border-bottom:1px solid #1c232c;display:flex;align-items:center;padding:0 3%;gap:28px;position:sticky;top:0;z-index:50}.logo{width:190px;line-height:1}.logo strong{font-size:31px;letter-spacing:-3px}.logo strong span,.mini-logo span{color:#1878ff}.logo small{display:block;font-size:7px;color:#8993a1;letter-spacing:1px;margin-top:3px}.header nav{display:flex;gap:26px;flex:1}.header nav a{font-size:12px;color:#d6dbe2}.header nav a:hover,.header nav .active{color:#1979ff}.actions{display:flex;gap:9px}.login-btn,.join-btn{border:1px solid #26303d;background:#070a0e;color:#e9edf3;border-radius:6px;padding:10px 15px;font-size:11px;cursor:pointer}.join-btn{background:#e6b73f;color:#111;border-color:#e6b73f;font-weight:800}.hamburger{display:none;background:none;border:0;color:white;font-size:23px}.hero-section{max-width:1500px;margin:10px auto;display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:12px;padding:0 22px}.hero-visual{min-height:378px;position:relative;border:1px solid #17202a;border-radius:8px;overflow:hidden}.hero-visual>img{width:100%;height:100%;min-height:378px;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,7,15,.78) 45%,rgba(0,10,20,.15) 100%)}.hero-content{position:absolute;inset:0;padding:25px 28px;max-width:720px}.tag{display:inline-block;border:1px solid #80611b;border-radius:5px;padding:7px 12px;font-size:8px;letter-spacing:.7px}.hero h1{font-size:43px;line-height:.94;margin:16px 0 7px;letter-spacing:1px}.hero h1 em{font-style:normal;color:#1375f2}.hero h2{font-size:20px;margin:0 0 8px}.hero p{font-size:13px;line-height:1.45;color:#d9dce2;margin:0 0 14px}.pill-row{display:flex;border:1px solid #1b2a3b;border-radius:7px;background:#02060a;overflow:hidden;width:max-content;max-width:100%}.pill-row span{padding:9px 12px;border-right:1px solid #172432;color:#348df8;font-size:13px}.pill-row b{font-size:9px;color:#ddd;display:block}.pill-row small{font-size:8px;color:#999;display:block}.hero-cta{display:flex;gap:13px;margin-top:14px}.primary,.wa{display:inline-block;border-radius:5px;padding:11px 20px;border:1px solid #1474ed;background:#0767d8;color:#fff;font-weight:800;font-size:11px;text-align:center;cursor:pointer}.primary small,.wa small{display:block;font-size:8px;margin-top:3px}.wa{background:#070a08;border-color:#83621c;color:#e7bf50}.batch-panel{border:1px solid #1c232c;border-radius:12px;padding:18px 21px;background:linear-gradient(155deg,#06080b,#0b0d10);box-shadow:0 10px 35px #000}.batch-number{text-align:center;color:#287cf0;font-size:28px;font-weight:800}.batch-panel h3{text-align:center;font-size:15px;font-weight:400;margin:4px 0 14px}.batch-panel ul{list-style:none;padding:0;margin:0 0 18px}.batch-panel li{font-size:11px;color:#d9dde4;margin:9px 0}.batch-panel li:before{content:"✓";color:#2781ff;border:1px solid #2781ff;border-radius:50%;font-size:9px;margin-right:8px;padding:0 2px}.reg-box{border:1px solid #343b43;border-radius:9px;text-align:center;padding:10px;font-size:8px;color:#ddd}.reg-box strong{display:block;color:#e7bd48;font-size:21px;margin:3px}.reg-box small{color:#a7c265}.stats-grid{max-width:1500px;margin:auto;padding:0 24px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stats-grid article,.panel{border:1px solid #171e27;background:#07090c;border-radius:8px}.stats-grid article{padding:15px;display:flex;gap:13px}.stats-grid article>span{font-size:36px;color:#126fe9}.stats-grid h3{font-size:11px;margin:0}.stats-grid p{font-size:9px;color:#aeb5be;margin:6px 0;line-height:1.5}.two-col{max-width:1500px;margin:auto;padding:0 24px 10px;display:grid;grid-template-columns:2fr 1fr;gap:10px}.courses-panel,.announcements{padding:10px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.section-head h2,.how>h2,.panel>h2{font-size:16px;font-weight:400}.section-head a{color:#3488ed;font-size:9px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.course{min-height:190px;position:relative;border:1px solid #212a34;border-radius:6px;padding:14px;background:linear-gradient(145deg,#090c10,#050608)}.course.featured{border-color:#0864d9;background:radial-gradient(circle at 70% 45%,#082f55,#06090c 63%)}.course span{font-size:15px;color:#d9dee7}.course.featured span{color:#2582fa}.course small{display:block;color:#888;font-size:9px;margin-top:5px}.course h3{font-size:11px;line-height:1.5}.course label{font-size:8px;color:#67a7ff;border:1px solid #146edb;padding:3px 6px;border-radius:3px}.course ul{padding-left:13px;color:#adb4bd;font-size:8px;line-height:1.8}.course button{position:absolute;bottom:12px;left:14px;background:transparent;border:1px solid #0872e9;color:#62a9ff;border-radius:4px;padding:7px 12px;font-size:8px;cursor:pointer}.notice{border:1px solid #1c232b;border-radius:7px;padding:10px;margin:8px 0;display:flex;gap:11px}.notice>b{font-size:20px}.notice strong{color:#e8bf4c;font-size:9px}.notice p{font-size:8px;line-height:1.45;color:#d3d7dd;margin:4px 0}.notice time{font-size:8px;color:#6e7680}.question{max-width:1500px;margin:0 auto 10px;padding:13px 21px;display:flex;align-items:center;justify-content:space-between}.question h2{font-size:15px;font-weight:400;margin:0}.question p{font-size:9px;color:#aeb5bd;margin:5px 0}.question a{border:1px solid #1471e4;padding:11px 17px;border-radius:5px;font-size:9px}.how{max-width:1500px;margin:0 auto 10px;padding:13px 20px}.steps{display:flex;align-items:center;text-align:center}.steps>div{flex:1;position:relative}.steps i{position:absolute;left:17%;top:0;font-size:8px;color:#777;font-style:normal}.steps b{font-size:31px;color:#1674e9}.steps h3{font-size:9px;margin:4px}.steps p{font-size:8px;color:#8d959f;line-height:1.45}.steps>span{font-size:22px;color:#888}.learning-grid{max-width:1500px;margin:0 auto 10px;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.learning-grid .panel{padding:15px}.learning-grid h2{margin-top:0}.video-card{height:150px;border:1px solid #1e2a36;border-radius:7px;background:radial-gradient(circle at 60% 50%,#0b2e52,#05080b 65%);padding:18px;position:relative}.video-card>div{font-size:38px;color:#1680f5}.video-card span{display:block;font-size:9px;color:#7daef0}.video-card small{display:block;margin-top:5px;color:#ddd}.video-card button{position:absolute;bottom:13px;right:13px;border:1px solid #1875e8;background:#0766d3;color:white;border-radius:4px;padding:7px 11px;font-size:8px}.material{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #1b222b;font-size:10px}.material b{border:1px solid #1475ea;color:#5ba5ff;padding:6px;border-radius:4px;font-size:8px}.material span{flex:1}.material small{display:block;color:#777;font-size:8px;margin-top:3px}.about{max-width:1500px;margin:0 auto;padding:17px 26px;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:25px}.mini-logo{font-size:35px;font-weight:900;letter-spacing:-4px}.about h2{font-size:11px}.about h3{font-size:10px;font-weight:400}.about p,.about a{display:block;color:#999;font-size:8px;line-height:1.8}.socials{display:flex;gap:7px}.socials span{border:1px solid #333;padding:5px 7px;border-radius:4px;color:#7ca9e6;font-size:9px}.about .join-btn{display:inline-block;color:#111;font-size:9px;margin-top:3px}footer{max-width:1500px;margin:auto;padding:12px 24px;color:#606873;font-size:8px;display:flex;justify-content:space-between}footer span{letter-spacing:2px}footer em{color:#7d8999}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:100;align-items:center;justify-content:center}.modal.open{display:flex}.modal-box{width:min(390px,92%);background:#0a0d11;border:1px solid #26313e;border-radius:10px;padding:25px;position:relative;box-shadow:0 20px 80px #000}.modal-box h2{margin:5px 0}.modal-box p,.modal-box small{color:#8e98a5;font-size:10px}.modal-box input{width:100%;margin:7px 0;padding:12px;border:1px solid #27313d;background:#05070a;color:white;border-radius:5px}.wide{width:100%;margin-top:7px}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#aaa;font-size:24px}.toast{position:fixed;right:20px;bottom:20px;background:#0d1117;border:1px solid #245ea5;padding:12px 16px;border-radius:6px;display:none;font-size:10px;z-index:110}.toast.show{display:block}@media(max-width:1050px){.header nav{gap:13px}.course-grid{grid-template-columns:repeat(2,1fr)}.hero-section{grid-template-columns:1fr}.batch-panel{display:none}.learning-grid{grid-template-columns:1fr}}@media(max-width:720px){.header{height:58px;padding:0 13px}.header nav,.actions{display:none}.hamburger{display:block;margin-left:auto}.header nav.show{display:flex;position:absolute;top:58px;left:0;right:0;background:#06080b;padding:15px;flex-direction:column;border-bottom:1px solid #202833;gap:14px}.hero-section,.stats-grid,.two-col,.learning-grid{padding-left:10px;padding-right:10px}.hero-content{padding:20px 16px}.hero h1{font-size:32px}.hero h2{font-size:16px}.hero p{font-size:11px}.pill-row{display:none}.hero-visual>img{min-height:420px}.hero-cta{flex-direction:column;max-width:190px}.stats-grid{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr}.steps{overflow:auto;gap:10px}.steps>div{min-width:120px}.steps>span{display:none}.about{margin:0 10px;grid-template-columns:1fr;padding:18px}.question{margin-left:10px;margin-right:10px}.question a{padding:9px}footer{flex-direction:column;gap:8px;padding:12px 14px}}.link-btn{background:none;border:0;text-decoration:underline;cursor:pointer;margin:10px 0;font:inherit}.dashboard-box{max-width:760px;width:92%}.dash-head{display:flex;justify-content:space-between;align-items:center}.logout{padding:8px 14px;border:1px solid #ccc;background:#fff;border-radius:8px;cursor:pointer}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.dash-card{border:1px solid #ddd;border-radius:12px;padding:16px}.dash-card button,.resource button,.resource a{margin-top:10px;padding:8px 12px;border:0;border-radius:7px;cursor:pointer;text-decoration:none}.dash-list{border-top:1px solid #ddd;padding-top:16px}.resource{display:flex;align-items:center;gap:12px;border:1px solid #ddd;border-radius:10px;padding:12px;margin:9px 0}.resource>b{min-width:42px}.resource span{flex:1;display:flex;flex-direction:column}.resource small{opacity:.7;margin-top:3px}@media(max-width:700px){.dash-grid{grid-template-columns:1fr}.dash-head{align-items:flex-start}}


/* Student approval controls */
.student-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eee;flex-wrap:wrap}
.student-row>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:220px}
.student-row small{color:#777;font-size:11px;word-break:break-all}
.student-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;margin-right:6px;background:#f1f1f1}
.student-badge.approved{background:#dff6e7;color:#147a3d}
.student-badge.pending{background:#fff3cd;color:#8a6500}
.student-badge.rejected{background:#fde2e2;color:#a21d1d}
.student-badge.admin{background:#e5e7ff;color:#363b91}
.student-action{border:0;border-radius:7px;padding:6px 9px;margin:3px;cursor:pointer;font-weight:600}
.student-action.approve{background:#1f9d55;color:white}
.student-action.reject{background:#dc3545;color:white}
.resource-action{display:inline-flex;align-items:center;justify-content:center;min-width:56px;border:1px solid #238cff;background:transparent;color:#72b8ff;border-radius:4px;padding:6px 9px;font-size:9px;text-decoration:none;cursor:pointer}
.resource-action:hover{background:#0d2d4d}

.schedule-panel{margin-top:14px}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.schedule-card{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px;background:rgba(255,255,255,.02)}.schedule-card b{display:block;color:#2d8cff;font-size:12px;margin-bottom:8px}.schedule-card strong{display:block;font-size:16px;margin-bottom:8px}.schedule-card span{font-size:12px;color:#aaa}.stat-link{display:block;text-decoration:none;color:inherit}.stat-link:hover{border-color:#1976ff}.kta-admin-box select{width:100%;padding:10px;margin:6px 0 10px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#111}@media(max-width:800px){.schedule-grid{grid-template-columns:1fr}}
.admin-manage-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #202833;flex-wrap:wrap}.admin-manage-row>div:first-child{display:flex;flex-direction:column;gap:4px;flex:1}.admin-manage-row small{color:#8f98a3;font-size:10px}.admin-manage-row button,.admin-manage-row a{margin:3px;padding:7px 10px;border:1px solid #2d6ea9;border-radius:5px;background:#07111d;color:#b9d9ff;cursor:pointer;font-size:10px}.kta-admin-box textarea{width:100%;min-height:70px;resize:vertical}.kta-admin-box input,.kta-admin-box select,.kta-admin-box textarea{box-sizing:border-box}@media(max-width:700px){.kta-admin-card{width:96%!important;padding:14px!important}.kta-admin-grid{grid-template-columns:1fr!important}.admin-manage-row{align-items:flex-start}.admin-manage-row>div:last-child{width:100%}.admin-manage-row button,.admin-manage-row a{display:inline-block}}

/* KTA FINAL MOBILE LAYOUT FIX */
@media (max-width: 720px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:14px}
  .header{height:60px;padding:0 12px;gap:8px}
  .logo{width:auto;flex:1}
  .logo strong{font-size:28px}
  .logo small{font-size:6px}
  .hamburger{display:block;margin-left:0;padding:6px 4px;line-height:1}
  .header nav.show{top:60px;padding:14px 16px;gap:12px;max-height:calc(100vh - 60px);overflow-y:auto}
  .header nav.show a{font-size:13px;padding:4px 0}

  .hero-section{display:block;width:100%;max-width:none;margin:8px 0 10px;padding:0 10px}
  .hero-visual{width:100%;height:500px;min-height:500px;border-radius:10px}
  .hero-visual>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:62% center}
  .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,5,12,.58) 42%,rgba(0,0,0,.94) 100%)}
  .hero-content{padding:20px 15px;max-width:100%;display:flex;flex-direction:column;align-items:flex-start}
  .tag{font-size:7px;padding:6px 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero h1{font-size:31px;line-height:.98;letter-spacing:.5px;margin:14px 0 7px}
  .hero h2{font-size:15px;line-height:1.25;margin:0 0 7px}
  .hero p{font-size:10px;line-height:1.45;margin:0;max-width:285px}
  .pill-row{display:none}
  .hero-cta{width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:18px}
  .primary,.wa{width:100%;padding:10px 7px;font-size:9px;min-height:49px}
  .primary small,.wa small{font-size:7px}
  .batch-panel{display:none}

  .stats-grid{width:100%;max-width:none;margin:0;padding:0 10px 10px;grid-template-columns:1fr 1fr;gap:8px}
  .stats-grid article{min-width:0;padding:11px;gap:8px;align-items:flex-start}
  .stats-grid article>span{font-size:27px;line-height:1}
  .stats-grid h3{font-size:9px;line-height:1.25}
  .stats-grid p{font-size:7.5px;line-height:1.4;margin:4px 0 0}

  .two-col,.learning-grid{width:100%;max-width:none;margin:0;padding:0 10px 10px;display:block}
  .panel{min-width:0}
  .courses-panel,.announcements{padding:9px;margin-bottom:10px}
  .section-head{padding:0 5px;gap:8px}
  .section-head h2,.how>h2,.panel>h2{font-size:14px}
  .course-grid{grid-template-columns:1fr;gap:8px}
  .course{min-height:175px;padding:13px}
  .course h3{font-size:11px}
  .course ul{font-size:8px}
  .notice{margin:7px 0;padding:9px;gap:8px}
  .notice>b{font-size:17px}

  .question{width:auto;margin:0 10px 10px;padding:12px 13px;gap:10px;align-items:center}
  .question h2{font-size:13px}
  .question p{font-size:8px}
  .question a{white-space:nowrap;font-size:8px;padding:9px 10px}

  .how{width:auto;margin:0 10px 10px;padding:12px}
  .steps{display:grid;grid-template-columns:1fr 1fr;gap:13px 6px;overflow:visible;text-align:center}
  .steps>div{min-width:0;width:100%}
  .steps>span{display:none}
  .steps i{left:50%;top:-2px;transform:translateX(22px);font-size:7px}
  .steps b{font-size:26px}
  .steps h3{font-size:8px;margin:3px}
  .steps p{font-size:7px;line-height:1.35;margin:0}
  .steps>div:last-child{grid-column:1/-1;max-width:48%;justify-self:center}

  .schedule-panel{width:auto;margin:0 10px 10px;padding:11px}
  .schedule-grid{grid-template-columns:1fr;gap:8px}
  .schedule-card{padding:12px}
  .schedule-card b{font-size:10px}
  .schedule-card strong{font-size:13px}
  .schedule-card span{font-size:9px}

  .learning-grid .panel{padding:11px;margin-bottom:10px}
  .learning-grid .panel>p{font-size:9px;line-height:1.4}
  .video-card{height:145px;padding:15px}
  .video-card>div{font-size:34px}
  .material{padding:10px 5px;font-size:9px}

  .student-access{width:auto;max-width:none;margin:0 10px 10px;padding:12px}
  .student-access-grid{grid-template-columns:1fr;gap:8px}
  .student-access-card{padding:12px}

  .about{width:auto;max-width:none;margin:0 10px;padding:15px;grid-template-columns:1fr;gap:16px}
  .about p,.about a{font-size:8px}
  footer{width:auto;margin:0;padding:12px 14px;gap:7px;font-size:7px;line-height:1.4}
  footer span{letter-spacing:1px}

  .modal{padding:10px;align-items:flex-start;padding-top:24px}
  .modal-box{width:100%;max-width:430px;max-height:calc(100vh - 34px);overflow-y:auto;padding:17px}
  .modal-box input{font-size:16px;min-height:46px}

  #ktaAdminPanel{padding:8px}
  .kta-admin-card{width:100%!important;max-width:none!important;padding:12px!important;border-radius:12px}
  .kta-admin-head{gap:8px}
  .kta-admin-head h2{font-size:20px!important}
  .kta-admin-grid{grid-template-columns:1fr!important;gap:9px}
  .kta-admin-box{padding:11px!important;min-width:0}
  .kta-admin-box h3{font-size:15px}
  .kta-admin-box input,.kta-admin-box select,.kta-admin-box textarea{font-size:16px;min-height:44px;margin:5px 0 8px}
  .kta-admin-box textarea{min-height:90px}
  .kta-admin-box button{min-height:44px;font-size:14px}
  .admin-manage-row{gap:8px}
  .admin-manage-row>div:last-child{width:100%}
  .admin-manage-row button,.admin-manage-row a{font-size:11px;padding:8px 10px}
}

@media (max-width:380px){
  .hero-visual{height:475px;min-height:475px}
  .hero h1{font-size:27px}
  .hero h2{font-size:14px}
  .hero p{font-size:9px}
  .hero-cta{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .stats-grid article{min-height:70px}
}

/* KTA FINAL POLISH: desktop + mobile overflow protection */
.mobile-nav-login{display:none;border:1px solid #2d6ea9;background:#07111d;color:#dbeeff;border-radius:7px;padding:10px 12px;font-size:13px;text-align:left;cursor:pointer}
.kta-admin-card{max-height:calc(100vh - 48px);overflow:auto}
.kta-admin-box h3{margin-top:0}
.resource{min-width:0}.resource span{min-width:0}.resource span strong,.resource span small{overflow-wrap:anywhere}
@media (max-width:720px){
  .mobile-nav-login{display:block;width:100%}
  .header nav.show{box-sizing:border-box}
  .hero-content,.hero-section,.stats-grid,.two-col,.learning-grid,.about,.question,.how,.schedule-panel{box-sizing:border-box}
  .course h3,.course span,.notice p,.notice strong{overflow-wrap:anywhere}
  .kta-admin-card{max-height:calc(100vh - 16px);overflow-y:auto}
}
@media (min-width:721px) and (max-width:1150px){
  .header{gap:14px;padding:0 18px}.header nav{gap:12px}.header nav a{font-size:11px}.logo{width:165px}.actions{gap:6px}.login-btn,.join-btn{padding:9px 11px}
  .hero-section{grid-template-columns:minmax(0,1fr) 270px}.hero h1{font-size:38px}.course-grid{grid-template-columns:repeat(2,1fr)}
}
.schedule-live{margin-top:8px;width:max-content;min-width:0}
@media(max-width:720px){.schedule-live{font-size:10px;padding:7px 9px}.schedule-card .schedule-live{display:inline-flex}}

/* KTA protected materials + 24-hour student community chat */
.material-viewer-box{width:min(980px,96vw);height:min(88vh,900px);display:flex;flex-direction:column}
.material-viewer-box iframe{width:100%;flex:1;min-height:480px;margin-top:10px;border:1px solid #243242;border-radius:8px;background:#101419}
.community-chat{max-width:1500px;margin:0 auto 10px;padding:15px 22px}
.community-chat .section-head{align-items:center}
.chat-expiry{font-size:9px;color:#8a96a5}
.community-messages{height:300px;overflow:auto;border:1px solid #1d2936;border-radius:8px;background:#05080c;padding:10px}
.chat-msg{border-bottom:1px solid #17212c;padding:9px 4px}
.chat-msg:last-child{border-bottom:0}
.chat-msg div{display:flex;justify-content:space-between;gap:10px}
.chat-msg strong{font-size:10px;color:#63aaff}
.chat-msg time{font-size:8px;color:#6e7782}
.chat-msg p{margin:5px 0 0;font-size:10px;line-height:1.5;color:#e1e5ea;white-space:pre-wrap;overflow-wrap:anywhere}
.community-compose{display:flex;gap:8px;margin-top:9px}
.community-compose input{flex:1;min-width:0;background:#06090d;color:#fff;border:1px solid #263544;border-radius:5px;padding:11px;font-size:11px}
.community-compose button{min-width:80px}
@media(max-width:720px){
 .material-viewer-box{height:calc(100vh - 20px);width:100%;padding:15px}
 .material-viewer-box iframe{min-height:0}
 .community-chat{margin-left:10px;margin-right:10px;padding:12px}
 .community-messages{height:280px}
 .community-compose{flex-direction:column}
 .community-compose button{width:100%}
}


/* KTA FINAL STRAIGHT + RESPONSIVE POLISH */
.logo,.logo strong,.logo small,.hero-content,.hero h1,.hero h1 em,.hero h2,.hero p,.tag,.pill-row,.batch-panel,.stats-grid,.course,.section-head,.about,footer{transform:none!important;rotate:0deg!important;skew:0deg!important;font-style:normal!important;}
.hero-content{text-align:left!important;}
.hero h1{white-space:normal!important;}
.material-pdf-viewer{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#0b0f14;border:1px solid #243242;border-radius:8px;padding:9px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.pdf-page{width:100%;display:flex;justify-content:center;margin:0 auto 12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35);}
.pdf-page canvas{display:block;max-width:100%;height:auto!important;}
.pdf-loading,.pdf-error{padding:30px;text-align:center;color:#cbd3dc;font-size:12px;}
@media(max-width:720px){
  .material-viewer-box{width:calc(100vw - 14px)!important;height:calc(100vh - 20px)!important;max-height:none!important;padding:12px!important;}
  .material-viewer-box p{font-size:9px;line-height:1.35;margin:4px 0 8px;}
  .material-pdf-viewer{min-height:0;height:calc(100vh - 145px);padding:6px;}
  .pdf-page{margin-bottom:8px;}
  .hero-content{padding:20px 18px!important;}
  .hero h1{font-size:30px!important;line-height:1.02!important;letter-spacing:.5px!important;}
  .hero h2{font-size:15px!important;line-height:1.25!important;}
  .hero p{font-size:9.5px!important;}
}

/* KTA community chat fix */
.community-messages{overflow-y:auto;max-height:420px;min-height:180px;scroll-behavior:smooth}
.chat-message{display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin:8px 0;border:1px solid rgba(80,150,255,.22);border-radius:10px;background:rgba(20,30,45,.55)}
.chat-message.mine{border-color:rgba(40,120,255,.5)}
.chat-message strong{font-size:14px}.chat-message span{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message small{opacity:.6;font-size:11px}