/* Hackein Django additions on top of professional-style.css (no visual overrides) */
.skip-link{position:absolute;inset-inline-start:1rem;top:-3rem;background:#fff;color:#000;padding:.5rem 1rem;z-index:99;border-radius:8px}
.skip-link:focus{top:.5rem}
.toast-region{position:fixed;bottom:1rem;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:99}
.toast{background:#fff;color:#111;border-radius:10px;padding:.6rem 1rem;max-width:min(92vw,480px);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.skeleton{background:linear-gradient(90deg,#222 25%,#333 50%,#222 75%);border-radius:8px;min-height:1.2em;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.6}}
@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}
.legal-note{background:rgba(255,0,0,.06);border-inline-start:4px solid #ff0000;padding:1rem;border-radius:8px;color:#d4d9e0;max-width:800px;margin:1.5rem auto}
.progress{height:10px;background:#222;border-radius:99px;overflow:hidden}
.progress>span{display:block;height:100%;background:#ff0000}
.hint{color:#d4d9e0;font-size:.9rem;text-align:center}
.error{color:#ff6b6b}
.register-popup{display:none}
.register-popup.show{display:block}
.accordion-content-modern{display:none}
.accordion-item-modern.active .accordion-content-modern{display:block}
:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
/* Complete missing layout classes from the original theme */
.hero-text{max-width:640px}
.about-text{max-width:720px}
.modern-card{padding:32px;border-radius:18px;text-align:center}
.modern-card .card-title{margin:12px 0}
.modern-card .card-desc{margin:0 auto 20px;max-width:56ch}
.certifications-content{display:grid;gap:28px}
.goal-text{font-size:.9rem;color:#d4d9e0;margin-bottom:15px;display:block;font-style:italic}
.btn-ghost{background:transparent;color:#ff6b6b;border:1px solid #ff0000;border-radius:10px;padding:.6rem 1.4rem;text-decoration:none;display:inline-block;font-weight:700;cursor:pointer;font-family:inherit}
.btn-ghost:hover{background:rgba(255,0,0,.1)}
.course-hero{padding-top:200px !important}
.course-hero .container{max-width:840px}
.course-logo-large{width:150px !important;height:150px !important;box-shadow:0 0 45px rgba(255,0,0,.28) !important}
.course-hero .card-title{margin:18px 0 12px !important}
.course-hero .card-desc{max-width:700px;margin:0 auto !important}
/* Logo in red circle (desktop: compact row) */
.nav-brand .logo{width:50px !important;height:50px !important;object-fit:cover;border-radius:50% !important;border:2px solid #ff0000;box-shadow:0 0 14px rgba(255,0,0,.35)}
section{scroll-margin-top:90px}
/* Mobile header: one row — hamburger | logo | language */
@media(max-width:560px){
  .header .container{flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:6px !important;justify-content:space-between !important}
  .navbar{display:contents !important;margin-inline-start:0 !important}
  .hamburger{order:1 !important}
  .nav-brand{order:2 !important;flex:1 !important;flex-direction:column !important;align-items:center !important;justify-content:center;text-align:center;gap:4px !important}
  .nav-brand .logo{width:46px !important;height:46px !important}
  .brand-text h1{font-size:.88rem !important;margin:0}
  .brand-text p{font-size:.62rem !important;margin:0}
  .lang-switch{order:3 !important}
  .hero-stats{flex-direction:row !important;gap:10px !important;justify-content:center;margin-bottom:24px !important}
  .stat-item{flex:1;min-width:0}
  .stat-number{font-size:1.3rem !important}
  .stat-label{font-size:.75rem !important}
  .hero-actions{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important}
  .hero-actions .btn{padding:10px 8px !important;font-size:.85rem}
  .hero-title{font-size:1.5rem !important}
  .hero-description{font-size:.9rem !important}
  .section-title{font-size:1.35rem !important}
  .course-logo-large{width:118px !important;height:118px !important}
  .course-hero{padding-top:150px !important}
}