@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#030303!important;--card:#080808!important;--accent:#f2b400!important;--g:#f2b400;--text:#f5f5f5!important;--muted:#999!important;--line:#242424}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:#030303!important;color:#f5f5f5!important;font-family:Inter,Arial,sans-serif!important}a{text-decoration:none;color:inherit}
header{height:76px!important;position:fixed!important;z-index:1000!important;top:0!important;left:0!important;width:100%!important;background:#030303ef!important;border-bottom:1px solid #181818!important;padding:0 5vw!important;display:flex!important;align-items:center!important;justify-content:space-between!important;backdrop-filter:none!important}
header .nav{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}header .logo img,header img{width:65px!important;height:54px!important;object-fit:contain!important;filter:none!important}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{margin:0!important;font-size:10px!important;text-transform:uppercase;font-weight:700!important;color:#f5f5f5!important;text-shadow:none!important}.nav-links a:hover{color:var(--g)!important}.nav-links button,#logoutBtn{margin:0!important;border:1px solid #705400!important;border-radius:0!important;background:transparent!important;color:var(--g)!important;padding:10px 15px!important;font-size:10px!important;text-transform:uppercase;font-weight:800!important}
#our-courses{max-width:1200px!important;margin:0 auto!important;padding:150px 6vw 95px!important}#our-courses h1{font-size:clamp(34px,5vw,58px)!important;color:#f5f5f5!important;margin:0 0 8px!important;letter-spacing:-1px}#our-courses h2{font-size:12px!important;color:#999!important;letter-spacing:2px!important;text-transform:uppercase!important;margin:0 0 50px!important}.grid{gap:16px!important}.card{background:#070707!important;border:1px solid var(--line)!important;border-radius:0!important;padding:0 0 24px!important;overflow:hidden!important;box-shadow:none!important;text-align:left!important}.card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px #000!important;border-color:#554000!important}.card img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:0!important;margin:0 0 20px!important}.card h3,.card p,.card .badge{margin-left:20px!important;margin-right:20px!important}.card h3{font-size:18px!important}.card p{font-size:12px!important;line-height:1.7!important}.badge{border-radius:0!important;font-size:8px!important;letter-spacing:1.4px!important;padding:7px 10px!important}.badge.free{background:#142b1b!important;color:#67e28b!important;border:1px solid #245b34}.badge.paid{background:#2a1515!important;color:#ff8585!important;border:1px solid #653030}.learn-btn{border-radius:0!important;background:var(--g)!important;color:#050505!important;padding:14px 22px!important;font-size:10px!important;letter-spacing:.8px!important;text-transform:uppercase!important}
.course-hero{height:440px!important;margin:76px 0 0!important;border-radius:0!important;background:#080808!important;position:relative!important;display:grid!important;place-items:center!important;text-align:center!important;overflow:hidden!important;padding:40px 6vw!important;border-bottom:1px solid #1d1d1d!important}.course-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#2b1d00 0,#080808 48%,#030303 85%);opacity:.75}.course-hero:after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(#0002,#030303)!important;border-radius:0!important}.hero-content{position:relative!important;z-index:2!important;max-width:800px!important}.course-hero h1{font-size:clamp(36px,5vw,62px)!important;margin:0 0 12px!important;color:#f5f5f5!important}.course-hero p{max-width:700px!important;margin:auto!important;color:#aaa!important;font-size:14px!important;line-height:1.8!important}
section{max-width:1200px!important;margin:auto!important;padding:85px 6vw!important}section>h2{text-align:center!important;font-size:clamp(28px,4vw,44px)!important;margin:0 0 38px!important}.video-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.video-card{background:#070707!important;border:1px solid var(--line)!important;border-radius:0!important;padding:0 0 15px!important;overflow:hidden!important;box-shadow:none!important}.video-card:hover{transform:translateY(-4px)!important;border-color:#554000!important}.video-card img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:0!important;margin:0 0 14px!important}.video-card p{padding:0 15px!important;margin:0!important;color:#aaa!important;font-size:12px!important}.video-container{position:relative!important}.lock-banner{background:#080808f2!important;border:1px solid #554000!important;border-radius:0!important;box-shadow:0 25px 70px #000!important;padding:35px!important}.lock-banner h3{color:var(--g)!important}.lock-banner a{border-radius:0!important;background:var(--g)!important;color:#050505!important;padding:14px 22px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important}
.login-container{background:#080808!important;border:1px solid #242424!important;border-radius:0!important;box-shadow:0 25px 70px #000!important;max-width:430px!important;padding:42px!important}.login-container img{width:100px!important;height:auto!important;object-fit:contain!important}.login-container h1{color:#f5f5f5!important;font-size:30px!important}.login-container p{font-size:12px!important;line-height:1.6!important}.login-container input,#searchBar,#newEmail,#newPassword{border:1px solid #292929!important;border-radius:0!important;background:#050505!important;color:#f5f5f5!important;padding:14px 15px!important}.login-container input:focus,#searchBar:focus,#newEmail:focus,#newPassword:focus{outline:none!important;border-color:#705400!important;box-shadow:none!important}.login-container button,.container button,.card button{border-radius:0!important;background:var(--g)!important;color:#050505!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;padding:12px 16px!important}.back-link{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important}
body>header+h1,header h1{font-family:Inter,Arial,sans-serif}.container{max-width:1000px!important;margin:110px auto 50px!important;padding:0 20px!important}body>header+.card{max-width:1000px!important;margin:110px auto 20px!important;border-radius:0!important;border:1px solid #242424!important;background:#080808!important}.container .card{border-radius:0!important;border:1px solid #242424!important;background:#080808!important;padding:20px!important}.approved{color:#67e28b!important}.blocked{color:#ff8585!important}
footer{background:#030303!important;border-top:1px solid #242424!important;padding:28px 6vw!important;color:#777!important;font-size:10px!important}.footer-container{max-width:1100px!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.footer-logo,footer img{width:50px!important;height:40px!important;object-fit:contain!important}.wa-img-btn{width:62px!important;height:62px!important}.wa-img-btn::before{display:none!important}.wa-img-btn img{animation:none!important;box-shadow:0 8px 25px #0009!important}
@media(max-width:850px){.nav-links{gap:12px}.nav-links a{font-size:9px!important}.video-grid{grid-template-columns:1fr 1fr!important}.course-hero{height:360px!important}}
@media(max-width:600px){header{padding:0 18px!important}.nav-links{gap:10px}.nav-links a:not(:last-child){display:none}.nav-links button{padding:9px!important}#our-courses{padding:125px 18px 70px!important}.grid,.video-grid{grid-template-columns:1fr!important}section{padding:65px 18px!important}.course-hero{height:330px!important;padding:30px 20px!important}.login-container{width:calc(100% - 30px)!important;padding:32px 24px!important}.footer-container{flex-direction:column!important;gap:12px!important}.container{padding:0 15px!important}}


/* V3 - Courses home login button + spacing */
#our-courses h2{
  margin-bottom:24px!important;
}
.student-login-cta{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto 64px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.student-login-cta #heroLoginBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  height:46px;
  margin:0 auto;
  padding:0 28px;
  border:1px solid #f2b400;
  border-radius:0;
  background:#f2b400;
  color:#050505;
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:none;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.student-login-cta #heroLoginBtn:hover{
  transform:translateY(-2px);
  background:#ffd044;
}
#our-courses .grid{
  gap:28px!important;
}
@media(max-width:600px){
  #our-courses h2{margin-bottom:20px!important;}
  .student-login-cta{margin-bottom:48px;}
  .student-login-cta #heroLoginBtn{min-width:170px;height:44px;}
  #our-courses .grid{gap:24px!important;}
}