/* Executive Luxury Business Coaching Design System */

:root {
    --bg-dark: #08090d;
    --bg-surface: #0e1018;
    --bg-card: rgba(22, 26, 38, 0.65);
    --bg-card-hover: rgba(30, 36, 53, 0.85);
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-gold: rgba(212, 175, 55, 0.35);
    
    --gold-primary: #D4AF37;
    --gold-light: #F5D061;
    --gold-dark: #997C22;
    --gold-gradient: linear-gradient(135deg, #F5D061 0%, #D4AF37 50%, #A38023 100%);
    --gold-glow: 0 0 25px rgba(212, 175, 55, 0.25);
    
    --emerald-accent: #10B981;
    --emerald-glow: 0 0 20px rgba(16, 185, 129, 0.3);
    
    --text-main: #F8FAFC;
    --text-muted: #94A3B8;
    --text-dim: #64748B;
    
    --glass-blur: blur(20px);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Vahshi — Instagram sales landing page */
body{font-family:'Vazirmatn',sans-serif}.wild-hero{min-height:calc(100vh - 88px);position:relative;display:flex;align-items:center;overflow:hidden;background:#062729}.wild-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.wild-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,20,.15) 20%,rgba(3,18,20,.94) 76%),linear-gradient(0deg,rgba(3,18,20,.6),transparent 50%)}.wild-hero__content{position:relative;z-index:2;width:min(1180px,88%);margin:auto}.wild-kicker,.section-label{display:inline-flex;align-items:center;gap:.55rem;color:#e6bd4b;font-weight:800;font-size:.88rem;letter-spacing:.02em}.wild-hero h1{font-size:clamp(3.4rem,7.2vw,7.2rem);line-height:1.02;margin:1.1rem 0;color:#fff;max-width:760px;letter-spacing:-.065em}.wild-hero h1 em,.vahshi-copy h2 em,.section-heading h2 em,.about-copy h2 em,.final-cta h2 em{font-style:normal;color:#e6bd4b}.wild-hero__content>p{max-width:610px;font-size:1.15rem;color:#d3dfdc;line-height:2}.wild-actions{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap}.btn-wild,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.45rem;border-radius:4px;text-decoration:none;font-weight:900;transition:.25s}.btn-wild{background:#e6bd4b;color:#102224;box-shadow:0 12px 35px rgba(230,189,75,.2)}.btn-wild:hover{transform:translateY(-3px);background:#f2d477;color:#102224}.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(2,22,24,.35)}.wild-proof{display:flex;gap:1.6rem;flex-wrap:wrap;color:#b8c8c5;font-size:.84rem}.wild-proof i{color:#e6bd4b}.pain-strip{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.4rem 5%;background:#e6bd4b;color:#102224;font-weight:900}.pain-strip i{opacity:.45}.vahshi-section{min-height:760px;display:grid;grid-template-columns:1fr 1fr;background:#f3efe5;color:#152a2b}.vahshi-mark{display:grid;place-items:center;min-height:680px;background:#123e3f;overflow:hidden;position:relative}.vahshi-mark:before,.vahshi-mark:after{content:'';position:absolute;width:140%;height:130px;background:#090d0e;transform:rotate(-13deg)}.vahshi-mark:before{top:12%}.vahshi-mark:after{bottom:8%}.vahshi-mark span{font-size:clamp(7rem,15vw,14rem);font-weight:900;color:#f7f0e0;text-shadow:8px 10px 0 #090d0e,12px 15px 0 #b5811f;transform:rotate(-5deg);z-index:1}.vahshi-copy{padding:8rem clamp(2rem,7vw,8rem);align-self:center;opacity:0;transform:translateY(25px);transition:.65s}.vahshi-copy.revealed{opacity:1;transform:none}.vahshi-copy h2,.section-heading h2,.about-copy h2,.final-cta h2{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.3;margin:1rem 0}.vahshi-copy>p,.about-copy>p{color:#536262;line-height:2.1;font-size:1.02rem}.vahshi-features{margin:2rem 0}.vahshi-features>div{display:flex;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #ccd0c8}.vahshi-features b{color:#b5811f;font-size:1.35rem}.vahshi-features span{display:flex;flex-direction:column}.vahshi-features strong{font-size:1rem}.vahshi-features small{color:#697574;margin-top:.25rem}.sales-path,.wild-courses{padding:8rem 6%;background:#071b1d}.section-heading{text-align:center;max-width:720px;margin:0 auto 4rem}.section-heading p{color:#9db0ad}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:auto}.path-grid article{padding:2rem;background:#0c292b;border:1px solid rgba(230,189,75,.16);position:relative;opacity:0;transform:translateY(20px);transition:.55s}.path-grid article.revealed{opacity:1;transform:none}.path-grid article>span{position:absolute;left:1.2rem;top:.8rem;font-size:3rem;font-weight:900;color:rgba(230,189,75,.1)}.path-grid article>i{font-size:2rem;color:#e6bd4b}.path-grid h3{margin:1.2rem 0 .5rem}.path-grid p{color:#91a3a0;font-size:.9rem}.wild-courses{background:#0a2426}.about-mahbod{display:grid;grid-template-columns:1fr 1fr;background:#f3efe5;color:#152a2b;padding:8rem 7%;gap:7%;align-items:center}.about-portrait{height:600px;overflow:hidden;position:relative;background:#123e3f}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:68% center}.about-portrait span{position:absolute;bottom:0;right:0;left:0;background:#e6bd4b;color:#102224;padding:.75rem 1rem;font-weight:900;letter-spacing:.2em;text-align:center}.about-copy{opacity:0;transform:translateY(20px);transition:.6s}.about-copy.revealed{opacity:1;transform:none}.about-copy blockquote{border-right:3px solid #e6bd4b;margin:2rem 0;padding:.8rem 1.2rem;font-weight:800;line-height:2}.instagram-link{display:flex;align-items:center;gap:1rem;text-decoration:none;background:#123e3f;color:#fff;padding:1rem 1.2rem;max-width:420px}.instagram-link>i:first-child{font-size:1.6rem;color:#e6bd4b}.instagram-link>i:last-child{margin-right:auto}.instagram-link span{display:flex;flex-direction:column}.instagram-link small{color:#a7bab6}.final-cta{text-align:center;padding:9rem 1rem;background:radial-gradient(circle at 50% 100%,#164447,#06191b 55%)}.final-cta p{color:#a7bab6;margin-bottom:2rem}.course-card{opacity:0;transform:translateY(20px);transition:.55s}.course-card.revealed{opacity:1;transform:none}
@media(max-width:900px){.wild-hero{min-height:820px;align-items:flex-end}.wild-hero__image{object-position:65% center}.wild-hero__shade{background:linear-gradient(0deg,#031416 20%,rgba(3,20,22,.08) 75%)}.wild-hero__content{padding-bottom:3rem}.wild-hero h1{font-size:3.7rem}.pain-strip{overflow:auto;justify-content:flex-start;white-space:nowrap}.vahshi-section,.about-mahbod{grid-template-columns:1fr}.vahshi-mark{min-height:430px}.vahshi-copy{padding:5rem 7%}.path-grid{grid-template-columns:repeat(2,1fr)}.about-portrait{height:500px}}
@media(max-width:560px){.wild-hero{min-height:760px}.wild-hero__image{height:58%;object-position:69% top}.wild-hero__shade{background:linear-gradient(0deg,#031416 46%,transparent 85%)}.wild-hero h1{font-size:3rem}.wild-hero__content>p{font-size:.95rem}.wild-proof{gap:.65rem 1rem}.vahshi-mark{min-height:320px}.vahshi-mark span{font-size:7rem}.path-grid{grid-template-columns:1fr}.sales-path,.wild-courses{padding:5rem 5%}.about-mahbod{padding:5rem 5%;gap:3rem}.about-portrait{height:420px}.pain-strip{font-size:.82rem}.wild-actions a{width:100%}}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Outfit', 'Inter', -apple-system, sans-serif;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    line-height: 1.6;
}

/* Background Ambient Lighting */
.ambient-glow-1 {
    position: fixed;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.09) 0%, rgba(8, 9, 13, 0) 70%);
    top: -250px;
    right: -200px;
    pointer-events: none;
    z-index: -1;
}

.ambient-glow-2 {
    position: fixed;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.06) 0%, rgba(8, 9, 13, 0) 70%);
    bottom: -200px;
    left: -150px;
    pointer-events: none;
    z-index: -1;
}

/* Navigation Bar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 6%;
    background: rgba(8, 9, 13, 0.75);
    backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid var(--border-subtle);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-brand {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--text-main);
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-brand span {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-brand-badge {
    font-size: 0.65rem;
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--border-gold);
    color: var(--gold-light);
    padding: 2px 8px;
    border-radius: 20px;
    letter-spacing: 1px;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 2.2rem;
}

.nav-links a {
    color: var(--text-muted);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    transition: var(--transition);
}

.nav-links a:hover, .nav-links a.active {
    color: var(--gold-light);
}

.user-pill {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border-subtle);
    padding: 0.4rem 1rem;
    border-radius: 30px;
    color: var(--text-main);
    text-decoration: none;
    transition: var(--transition);
}

.user-pill:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--gold-glow);
}

.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--gold-gradient);
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

/* Buttons & Badges */
.btn-gold {
    background: var(--gold-gradient);
    color: #08090d;
    font-weight: 700;
    padding: 0.85rem 1.8rem;
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    transition: var(--transition);
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25);
    font-size: 0.95rem;
}

.btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(212, 175, 55, 0.45);
    color: #000;
}

.btn-outline {
    background: transparent;
    color: var(--text-main);
    font-weight: 600;
    padding: 0.85rem 1.8rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    transition: var(--transition);
    font-size: 0.95rem;
}

.btn-outline:hover {
    border-color: var(--gold-primary);
    color: var(--gold-light);
    background: rgba(212, 175, 55, 0.05);
}

.btn-emerald {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    font-weight: 700;
    padding: 0.85rem 1.8rem;
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    transition: var(--transition);
    box-shadow: var(--emerald-glow);
}

.btn-emerald:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.5);
}

.badge-gold {
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--border-gold);
    color: var(--gold-light);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-emerald {
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #34D399;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

/* Hero Section */
.hero {
    padding: 5rem 6% 4rem;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
}

.hero-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--border-gold);
    color: var(--gold-light);
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hero h1 {
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 1.5rem;
    letter-spacing: -1px;
}

.hero h1 span {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero p {
    font-size: 1.15rem;
    color: var(--text-muted);
    margin-bottom: 2.5rem;
    max-width: 600px;
}

.hero-cta {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-bottom: 3.5rem;
}

.hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border-subtle);
}

.stat-item h3 {
    font-size: 2rem;
    font-weight: 800;
    color: var(--gold-light);
}

.stat-item p {
    font-size: 0.85rem;
    color: var(--text-dim);
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hero-media {
    position: relative;
}

.hero-video-card {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-gold);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), var(--gold-glow);
}

.hero-video-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

.play-button-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8, 9, 13, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
    transition: var(--transition);
    cursor: pointer;
}

.play-button-overlay:hover {
    background: rgba(8, 9, 13, 0.2);
}

.play-icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gold-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 2rem;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.6);
    transition: var(--transition);
}

.play-button-overlay:hover .play-icon-circle {
    transform: scale(1.1);
}

/* Category Filter Bar */
.category-filter-section {
    padding: 2rem 6%;
    max-width: 1400px;
    margin: 0 auto;
}

.category-pills {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    scrollbar-width: thin;
}

.cat-pill {
    padding: 0.65rem 1.4rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-subtle);
    border-radius: 30px;
    color: var(--text-muted);
    text-decoration: none;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cat-pill:hover, .cat-pill.active {
    background: rgba(212, 175, 55, 0.15);
    border-color: var(--gold-primary);
    color: var(--gold-light);
}

/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: 3.5rem;
}

.section-header h2 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
}

.section-header h2 span {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* Course Grid & Cards */
.course-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 2rem;
    padding: 0 6% 5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.course-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    overflow: hidden;
    backdrop-filter: var(--glass-blur);
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    position: relative;
}

.course-card:hover {
    transform: translateY(-8px);
    border-color: var(--border-gold);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.15);
}

.card-image-wrap {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.card-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.course-card:hover .card-image-wrap img {
    transform: scale(1.05);
}

.card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}

.card-level-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(8, 9, 13, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid var(--border-subtle);
    color: var(--text-muted);
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 20px;
}

.card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-instructor {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.75rem;
}

.card-instructor img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    line-height: 1.35;
}

.card-title a {
    color: var(--text-main);
    text-decoration: none;
    transition: var(--transition);
}

.card-title a:hover {
    color: var(--gold-light);
}

.card-tagline {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-meta {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--text-dim);
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.card-meta-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.price-box {
    display: flex;
    flex-direction: column;
}

.price-original {
    font-size: 0.85rem;
    color: var(--text-dim);
    text-decoration: line-through;
}

.price-current {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--gold-light);
}

.price-free {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--emerald-accent);
}

/* Course Detail Page */
.detail-hero {
    padding: 3rem 6%;
    background: linear-gradient(180deg, rgba(14, 16, 24, 0.9) 0%, rgba(8, 9, 13, 0.95) 100%);
    border-bottom: 1px solid var(--border-subtle);
}

.detail-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 3.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.detail-main h1 {
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.detail-tagline {
    font-size: 1.2rem;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

.detail-instructor-box {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.detail-instructor-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--gold-primary);
}

.detail-sidebar-card {
    background: var(--bg-card);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius-md);
    padding: 1.8rem;
    backdrop-filter: var(--glass-blur);
    position: sticky;
    top: 100px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), var(--gold-glow);
}

.syllabus-accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.accordion-chapter {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.chapter-header {
    padding: 1rem 1.25rem;
    background: rgba(255, 255, 255, 0.02);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.lesson-list {
    display: flex;
    flex-direction: column;
}

.lesson-item {
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--border-subtle);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
}

.lesson-item:hover {
    background: rgba(212, 175, 55, 0.08);
    color: var(--gold-light);
}

.lesson-item.active {
    background: rgba(212, 175, 55, 0.15);
    color: var(--gold-light);
    font-weight: 600;
    border-left: 3px solid var(--gold-primary);
}

/* LMS Video Classroom (Player Page) */
.lms-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    min-height: calc(100vh - 80px);
}

.lms-main {
    padding: 2rem 3.5rem;
    overflow-y: auto;
    background: #06070a;
}

.lms-video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
    border: 1px solid var(--border-subtle);
    margin-bottom: 2rem;
}

.lms-video-container iframe, .lms-video-container video {
    width: 100%;
    height: 100%;
    border: none;
}

.lms-sidebar {
    background: #0a0b12;
    border-left: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);
    position: sticky;
    top: 80px;
}

.lms-sidebar-header {
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-subtle);
}

.lms-sidebar-content {
    overflow-y: auto;
    flex-grow: 1;
}

/* User Profile Dashboard */
.profile-container {
    padding: 3rem 6%;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.profile-header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 2rem;
    margin-bottom: 2.5rem;
}

.profile-avatar-lg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gold-gradient);
    color: #000;
    font-size: 2.2rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enrollments-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.enrollments-table th, .enrollments-table td {
    padding: 1rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid var(--border-subtle);
}

.enrollments-table th {
    color: var(--text-dim);
    font-size: 0.85rem;
    text-transform: uppercase;
}

/* Auth Pages (Login / Register / Checkout) */
.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 3rem 1.5rem;
}

.auth-card {
    background: var(--bg-card);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius-lg);
    padding: 3rem 2.5rem;
    width: 100%;
    max-width: 440px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7), var(--gold-glow);
    backdrop-filter: var(--glass-blur);
    text-align: center;
}

.auth-card h2 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.auth-card h2 span {
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-group {
    margin-bottom: 1.4rem;
    text-align: left;
}

.form-group label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.form-control {
    width: 100%;
    padding: 0.9rem 1.2rem;
    background: rgba(8, 9, 13, 0.7);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    font-size: 0.95rem;
    transition: var(--transition);
}

.form-control:focus {
    outline: none;
    border-color: var(--gold-primary);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.errorlist {
    list-style: none;
    color: #fca5a5;
    font-size: .82rem;
    margin-top: .45rem;
    padding: 0;
}

.otp-input { direction: ltr; text-align: center; letter-spacing: .65rem; font-size: 1.35rem; }
.nav-logout-form { margin: 0; }
.nav-logout { background: none; border: 0; color: var(--text-dim); cursor: pointer; font-size: 1rem; }
.nav-logout:hover { color: var(--gold-light); }

/* Modal Video Player */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.modal-content-wrap {
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: var(--radius-md);
    overflow: hidden;
    position: relative;
    border: 1px solid var(--border-gold);
}

.modal-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: 1px solid var(--border-subtle);
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Footer */
footer {
    background: #050608;
    border-top: 1px solid var(--border-subtle);
    padding: 4rem 6% 2rem;
    margin-top: auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 3rem;
    max-width: 1400px;
    margin: 0 auto 3rem;
}

.footer-col h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-main);
    margin-bottom: 1.2rem;
}

.footer-col ul {
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 0.75rem;
}

.footer-col ul li a {
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
}

.footer-col ul li a:hover {
    color: var(--gold-light);
}

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid var(--border-subtle);
    color: var(--text-dim);
    font-size: 0.85rem;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .hero, .detail-grid, .lms-layout {
        grid-template-columns: 1fr;
    }
    .lms-sidebar {
        height: auto;
        position: relative;
        top: 0;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .hero h1 {
        font-size: 2.4rem;
    }
    .nav-links a:not(.user-pill) {
        display: none;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
}

/* Persian light interface */
:root{--bg-dark:#fffaf2;--bg-surface:#f7f4ff;--bg-card:#fff;--bg-card-hover:#fff;--border-subtle:#e7e2ee;--border-gold:#cfc8ff;--gold-primary:#6d5dfc;--gold-light:#5848e8;--gold-dark:#4435c6;--gold-gradient:linear-gradient(135deg,#7667ff,#5c4ce6);--gold-glow:0 12px 35px rgba(109,93,252,.18);--emerald-accent:#159b76;--emerald-glow:0 10px 28px rgba(48,181,141,.2);--text-main:#29223d;--text-muted:#6f6880;--text-dim:#948da3;--glass-blur:blur(16px);--radius-sm:12px;--radius-md:20px;--radius-lg:28px}
*{font-family:'Vazirmatn',Tahoma,sans-serif}
body{background:var(--bg-dark);color:var(--text-main);direction:rtl;line-height:1.9}
.ambient-glow-1{background:radial-gradient(circle,rgba(109,93,252,.11),transparent 70%);top:-280px;right:-180px}.ambient-glow-2{background:radial-gradient(circle,rgba(48,181,141,.1),transparent 70%)}
.navbar{padding:1rem 6%;background:rgba(255,250,242,.9);border-color:var(--border-subtle);box-shadow:0 5px 25px rgba(48,40,74,.05)}
.nav-brand{letter-spacing:0;text-transform:none;gap:.7rem}.brand-mark{width:46px;height:46px;fill:none;stroke:var(--gold-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1.25;background:none!important;-webkit-text-fill-color:initial!important}.brand-copy strong{font-size:1.15rem;color:var(--text-main)}.brand-copy small{font-size:.68rem;color:var(--text-muted);font-weight:500}
.nav-links{gap:1.5rem}.nav-links a{color:var(--text-muted)}.nav-links a:hover{color:var(--gold-primary)}.menu-toggle{display:none;border:0;background:#eeeaff;color:var(--gold-primary);width:42px;height:42px;border-radius:12px;font-size:1.4rem}.user-pill{background:#f4f1ff;border-color:#ddd7ff}.user-avatar{background:var(--gold-gradient);color:#fff}.nav-logout{display:flex;gap:.35rem;align-items:center;font-family:inherit}
.btn-gold{color:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(109,93,252,.22)}.btn-gold:hover{color:#fff;box-shadow:0 12px 30px rgba(109,93,252,.3)}.btn-outline{color:var(--text-main);background:#fff;border-color:var(--border-subtle)}.btn-outline:hover{background:#f4f1ff;color:var(--gold-primary)}
.hero{min-height:650px;padding-top:4rem;grid-template-columns:1fr 1fr;direction:rtl}.hero-copy{max-width:650px}.hero h1{font-size:3.45rem;line-height:1.4;letter-spacing:-1.5px}.hero h1 span,.section-header h2 span,.why-copy h2 span{color:var(--gold-primary);background:none;-webkit-text-fill-color:initial}.hero p{line-height:2;color:var(--text-muted)}.hero-subtitle{background:#eeeaff;border-color:#d9d2ff;color:var(--gold-primary);text-transform:none;letter-spacing:0}.hero-stats{border-top-color:var(--border-subtle)}.stat-item h3{color:var(--gold-primary);font-size:1.65rem}.stat-item p{text-transform:none;letter-spacing:0}.hero-vector-card{position:relative;background:linear-gradient(145deg,#fff,#f5f2ff);border:1px solid #e8e3f2;border-radius:36px;padding:1rem;box-shadow:0 28px 70px rgba(58,43,97,.12);transform:rotate(-1deg)}.hero-vector{width:100%;display:block}.floating-note{position:absolute;background:#fff;padding:.65rem 1rem;border-radius:13px;box-shadow:0 10px 30px rgba(48,40,74,.13);font-size:.82rem;font-weight:700}.floating-note i{color:var(--gold-primary);margin-left:.35rem}.note-one{top:16%;right:-4%}.note-two{bottom:10%;left:-4%}
.eyebrow{color:var(--gold-primary);background:#eeeaff;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:700;display:inline-block;margin-bottom:.8rem}.section-header h2{font-size:2.3rem}.featured-section,.reviews-section{padding:4rem 0}.course-card{background:#fff;border-color:var(--border-subtle);box-shadow:0 12px 35px rgba(48,40,74,.07)}.course-card:hover{border-color:#cbc3ff;box-shadow:0 20px 45px rgba(48,40,74,.13)}.card-level-badge{right:auto;left:12px;background:rgba(255,255,255,.92);color:var(--text-muted)}.card-badge{right:12px;left:auto}.badge-gold{background:#eeeaff;color:var(--gold-primary);border-color:#d4cdff}.card-instructor i,.card-meta .bi-star-fill{color:var(--gold-primary)!important}.card-meta{border-color:var(--border-subtle)}.price-current{color:var(--gold-primary);font-size:1.05rem}.card-arrow{width:42px;height:42px;border-radius:13px;background:#eeeaff;color:var(--gold-primary);display:grid;place-items:center;text-decoration:none;transition:.25s}.card-arrow:hover{background:var(--gold-primary);color:#fff;transform:translateX(-3px)}
.why-section{max-width:1280px;margin:3rem auto 5rem;padding:3rem 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;background:#f6f2ff;border-radius:36px}.why-vector svg{width:100%;max-height:390px}.why-copy h2{font-size:2.4rem;line-height:1.5;margin-bottom:1rem}.why-copy>p{color:var(--text-muted);margin-bottom:1.5rem}.feature-list{display:grid;gap:1rem;margin-bottom:2rem}.feature-list>div{display:flex;gap:.8rem;align-items:center}.feature-list>div>i{width:35px;height:35px;background:#dff7ef;color:#159b76;display:grid;place-items:center;border-radius:50%;font-size:1.2rem}.feature-list span{display:flex;flex-direction:column}.feature-list small{color:var(--text-muted)}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;max-width:1200px;margin:auto;padding:0 6%}.review-card{background:#fff;border:1px solid var(--border-subtle);border-radius:20px;padding:1.7rem;box-shadow:0 10px 30px rgba(48,40,74,.06)}.quote-mark{font-size:3.2rem;color:#cfc8ff;height:38px}.review-card>p{color:var(--text-muted)}.review-person{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem}.review-person>span{width:42px;height:42px;border-radius:50%;background:#eeeaff;color:var(--gold-primary);display:grid;place-items:center;font-weight:800}.review-person div{display:flex;flex-direction:column}.review-person small{color:var(--text-muted)}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #d5cfee;border-radius:22px;padding:3rem}.empty-state svg{width:150px}
.auth-card,.profile-header,.detail-sidebar-card{background:#fff;border-color:var(--border-subtle);box-shadow:0 20px 55px rgba(48,40,74,.1)}.form-group{text-align:right}.form-control{background:#fff;border-color:#dcd7e6;color:var(--text-main);text-align:right}.form-control:focus{border-color:var(--gold-primary);box-shadow:0 0 0 4px rgba(109,93,252,.1)}.otp-input{text-align:center}.detail-hero{background:#f6f2ff;border-color:var(--border-subtle)}.accordion-chapter{background:#fff;border-color:var(--border-subtle)}.lms-main{background:#f5f2fa}.lms-sidebar{background:#fff;border-color:var(--border-subtle)}footer{background:linear-gradient(135deg,#172554,#312e81);color:#fff;border:0}footer .text-muted,.footer-col p,.footer-col a{color:#dbeafe!important}.footer-grid{grid-template-columns:1.6fr .8fr 1fr 1.2fr}.footer-col .brand-copy strong{color:#fff}.footer-col .brand-copy small{color:#bfdbfe}.footer-col .brand-mark{stroke:#93c5fd}.trust-chip{background:rgba(255,255,255,.1);padding:.7rem 1rem;border-radius:12px;color:#e0f2fe}.footer-bottom{color:#bfdbfe;border-color:rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:1rem}.footer-bottom a{color:#fff;font-weight:700}.hyperwebs-link{display:flex;gap:.8rem;align-items:center;padding:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:16px;text-decoration:none;transition:.25s}.hyperwebs-link:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.hyperwebs-link svg{width:48px;height:48px;fill:none;stroke:#7dd3fc;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.hyperwebs-link span{display:flex;flex-direction:column}.hyperwebs-link strong{color:#fff}.hyperwebs-link small{font-size:.72rem}.hyperwebs-link b{font-size:.8rem;color:#7dd3fc;margin-top:.25rem}.messages{padding:1rem 6%;max-width:1200px;margin:auto}.message{display:flex;align-items:center;gap:.6rem;background:#eefaf6;color:#14775d;border:1px solid #c8eee2;border-radius:14px;padding:.8rem 1rem}.message button{margin-right:auto;border:0;background:none;font-size:1.3rem;color:inherit}
@media(max-width:900px){.hero,.why-section{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero-media{max-width:620px;margin:auto}.why-section{margin:2rem 4%;gap:1rem}.menu-toggle{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:75px;right:4%;left:4%;background:#fff;border:1px solid var(--border-subtle);border-radius:18px;padding:1rem;box-shadow:0 15px 35px rgba(48,40,74,.12);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}}
@media(max-width:640px){.navbar{padding:.75rem 4%}.hero{padding:2.5rem 5%;gap:2rem}.hero h1{font-size:2.15rem}.hero p{font-size:1rem}.hero-stats{gap:.6rem}.stat-item h3{font-size:1.15rem}.stat-item p{font-size:.68rem}.course-grid{grid-template-columns:1fr;padding-right:5%;padding-left:5%}.why-copy h2,.section-header h2{font-size:1.8rem}.floating-note{font-size:.7rem}.footer-grid{grid-template-columns:1fr}.enrollments-table{display:block;overflow-x:auto}.auth-card{padding:2rem 1.25rem}}

.resend-form{margin-top:1rem}.link-button{font-family:inherit;border:0;background:none;color:var(--gold-primary);cursor:pointer;padding:.6rem}.link-button:disabled{color:var(--text-dim);cursor:not-allowed}.status-page{min-height:65vh;display:grid;place-items:center;padding:3rem 1rem}.status-card{width:min(560px,100%);background:#fff;border:1px solid var(--border-subtle);border-radius:26px;padding:2.5rem;text-align:center;box-shadow:0 20px 55px rgba(48,40,74,.1)}.status-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;font-size:2rem}.status-icon.success{background:#dff7ef;color:#159b76}.status-icon.pending{background:#fff2d3;color:#c27a12}.status-icon.failed{background:#ffe5e5;color:#c94545}.status-card p{color:var(--text-muted);margin:.7rem 0 1.5rem}.status-card dl{background:#f8f6fc;border-radius:16px;padding:.8rem 1.2rem;margin-bottom:1.5rem}.status-card dl div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.status-card dl div:last-child{border:0}.status-card dd{font-weight:700}
@media(max-width:900px){body.menu-open{overflow:hidden}.nav-links.open a,.nav-links.open form{display:flex!important}.nav-links.open{max-height:calc(100vh - 95px);overflow-y:auto}.detail-grid{grid-template-columns:1fr!important}.lms-layout{grid-template-columns:1fr!important}.lms-main{padding:1.25rem}.lms-sidebar{height:auto;position:static}.auth-wrapper>div[style*="grid-template-columns"]{grid-template-columns:1fr!important;padding:1.5rem!important}.auth-wrapper>div[style*="grid-template-columns"]>div[style*="border-left"]{border-left:0!important;border-top:1px solid var(--border-subtle);padding-left:0!important;padding-top:1.5rem}.profile-header{flex-wrap:wrap}.profile-header>div[style*="margin-left"]{margin-left:0!important}.enrollments-table th,.enrollments-table td{white-space:nowrap;text-align:right}}

/* Contrast fixes and checkout */
.card-badges{position:absolute;top:12px;right:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.discount-badge{display:inline-flex;align-items:center;background:#e5484d;color:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.76rem;font-weight:800;box-shadow:0 7px 18px rgba(229,72,77,.24)}.price-original{color:#857e92!important;text-decoration-thickness:2px}.price-current{color:#5140db!important}.price-free{color:#087b5c!important}.badge-emerald{color:#087b5c;background:#dff7ef;border-color:#a9e4d2}.download-item{display:flex;justify-content:space-between;align-items:center;background:#f8f6fc;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border-subtle);color:var(--text-main)}.accordion-chapter,.lesson-item,.chapter-header{color:var(--text-main)}.lesson-item:hover{color:var(--gold-primary)}.profile-avatar-lg{color:#fff}.enrollments-table th,.enrollments-table td{text-align:right;color:var(--text-main)}.enrollments-table th{color:var(--text-muted);text-transform:none}.lms-sidebar-header,.lms-sidebar-content{color:var(--text-main)}
.checkout-page{padding:4rem 1.5rem;min-height:70vh;display:grid;place-items:center}.checkout-card{width:min(900px,100%);display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--border-subtle);border-radius:28px;overflow:hidden;box-shadow:0 24px 65px rgba(48,40,74,.11)}.checkout-summary,.checkout-action{padding:2.5rem}.checkout-summary h1{font-size:1.8rem;margin:.8rem 0 .35rem}.checkout-summary>p,.checkout-action>p,.checkout-action>small{color:var(--text-muted)}.checkout-price-list{margin:1.5rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:.75rem 0}.checkout-price-list>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.discount-row{color:#087b5c}.old-checkout-price{text-decoration:line-through;color:var(--text-muted)}.checkout-total{border-top:1px dashed var(--border-subtle);margin-top:.4rem;padding-top:.9rem!important;font-size:1.12rem}.checkout-total strong{color:var(--gold-primary)}.checkout-benefits{list-style:none;display:grid;gap:.45rem;color:var(--text-muted);font-size:.9rem}.checkout-benefits i{color:#159b76;margin-left:.4rem}.checkout-action{background:#f7f4ff;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;text-align:center}.checkout-icon{width:68px;height:68px;margin:0 auto 1rem;border-radius:20px;display:grid;place-items:center;background:#e9e5ff;color:var(--gold-primary);font-size:2rem}.checkout-action h2{margin-bottom:.35rem}.checkout-submit{width:100%;justify-content:center;margin:1.4rem 0 .8rem}.pending-notice{display:flex;align-items:center;gap:.5rem;text-align:right;background:#fff3d6;color:#8a5a0a;border:1px solid #f2d58e;border-radius:12px;padding:.7rem .8rem;margin-top:1rem;font-size:.86rem}
@media(max-width:760px){.checkout-page{padding:2rem .8rem}.checkout-card{grid-template-columns:1fr}.checkout-summary,.checkout-action{padding:1.5rem}.checkout-action{border-right:0;border-top:1px solid var(--border-subtle)}.checkout-summary h1{font-size:1.45rem}.card-footer{gap:.6rem}.price-current{font-size:.92rem}}

.course-detail-content{padding:4rem 6%}.course-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:3.5rem;max-width:1400px;margin:0 auto}.detail-main,.detail-grid>div,.course-content-grid>div{min-width:0}.detail-main h1{overflow-wrap:anywhere}.detail-sidebar-card .price-current{line-height:1.5}.detail-sidebar-card>div[style*="align-items: baseline"]{flex-wrap:wrap}.course-content-grid img,.detail-grid img{max-width:100%}.lesson-item{gap:.75rem}.chapter-header>div,.lesson-item>div{min-width:0}.footer-col{min-width:0}
@media(max-width:1100px){.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:2rem}.course-content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.detail-grid,.course-content-grid{grid-template-columns:1fr}.detail-sidebar-card{position:static}.detail-main h1{font-size:2rem}.detail-hero,.course-detail-content{padding:2rem 4%}.course-content-grid{gap:1.5rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:center}.card-meta{flex-wrap:wrap}.lesson-item{align-items:flex-start}.chapter-header{gap:.7rem}}
@media(max-width:560px){.detail-main h1{font-size:1.65rem}.detail-tagline{font-size:1rem}.detail-instructor-box{align-items:flex-start}.detail-hero+section{padding:2rem 4%!important}.course-content-grid>div>div{padding:1.25rem!important}.chapter-header,.lesson-item{padding:.85rem}.lesson-item{flex-direction:column}.course-content-grid [style*="justify-content: space-between"]{gap:.75rem;flex-wrap:wrap}.courses-page h1,.section-header h1{font-size:2rem!important}.footer-grid{grid-template-columns:1fr}.profile-container{padding:2rem 4%}.profile-header{padding:1.25rem}.profile-avatar-lg{width:60px;height:60px;font-size:1.6rem}.profile-header h1{font-size:1.5rem!important}.lms-video-container{border-radius:12px}.lms-main{padding:.75rem}}

.nav-login-button,.nav-login-button:visited{color:#fff!important}.nav-login-button:hover{color:#fff!important}.footer-col h4{color:#fff!important}.footer-col p{color:#e0e7ff!important}.footer-col ul li a{color:#dbeafe!important}.footer-col ul li a:hover{color:#fff!important}.footer-col .trust-chip{color:#fff!important}.hyperwebs-link small{color:#dbeafe!important}.footer-bottom,.footer-bottom span{color:#dbeafe!important}.footer-bottom a{color:#fff!important;text-decoration:underline;text-underline-offset:4px}

/* Final brand overrides */
body{font-family:'Vazirmatn',sans-serif;background:#06191b}.navbar{background:rgba(5,25,27,.92);border-bottom-color:rgba(230,189,75,.14)}.navbar .brand-copy strong,.navbar .nav-links a{color:#edf4f1}.navbar .brand-copy small{color:#e6bd4b}.navbar .brand-mark{stroke:#e6bd4b}.navbar .nav-links a:hover{color:#e6bd4b}.navbar .menu-toggle{background:#e6bd4b;color:#102224}.wild-courses .course-grid{max-width:1200px;margin:auto}.wild-courses .section-heading h2,.sales-path .section-heading h2,.final-cta h2{color:#fff}.wild-courses .course-card{opacity:0;background:#f8f4e9;border-color:rgba(230,189,75,.2)}.wild-courses .course-card.revealed{opacity:1}.wild-courses .card-title a{color:#152a2b}.wild-courses .card-tagline,.wild-courses .card-meta{color:#687473}.wild-courses .price-current{color:#9b711b!important}.wild-courses .card-arrow{background:#123e3f;color:#e6bd4b}footer{background:#041416;border-top:1px solid rgba(230,189,75,.15)}

/* Unified high-contrast theme across the academy */
:root{--bg-dark:#06191b;--bg-surface:#0a2527;--bg-card:#0e2e30;--bg-card-hover:#143a3c;--border-subtle:rgba(238,204,104,.18);--border-gold:rgba(230,189,75,.5);--gold-primary:#e6bd4b;--gold-light:#f2d477;--gold-dark:#a97817;--gold-gradient:linear-gradient(135deg,#f2d477,#dcae35);--gold-glow:0 12px 32px rgba(230,189,75,.22);--emerald-accent:#4fd1a5;--text-main:#f7f4e9;--text-muted:#bdcac7;--text-dim:#8fa4a0}
body{background:var(--bg-dark);color:var(--text-main)}main{background:var(--bg-dark)}
.vahshi-mark{background:#fff url('../img/vahshi-title.jpeg') center/contain no-repeat}.vahshi-mark:before,.vahshi-mark:after,.vahshi-mark span{display:none}
.courses-page,.detail-hero,.checkout-page,.profile-container,.auth-wrapper,.status-page{background:radial-gradient(circle at 85% 0,rgba(230,189,75,.08),transparent 30%),var(--bg-dark);color:var(--text-main)}
.course-card,.auth-card,.profile-header,.detail-sidebar-card,.accordion-chapter,.status-card,.checkout-card,.review-card,.empty-state,.course-content-grid>div>div{background:var(--bg-card)!important;border-color:var(--border-subtle)!important;color:var(--text-main)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.card-title a,.card-instructor,.detail-main h1,.detail-main h2,.detail-main h3,.profile-container h1,.profile-container h2,.auth-card h1,.auth-card h2,.status-card h1,.status-card h2,.checkout-card h1,.checkout-card h2,.checkout-card strong,.accordion-chapter,.chapter-header,.lesson-item,.download-item,.enrollments-table td,.enrollments-table th{color:var(--text-main)!important}
.card-tagline,.card-meta,.detail-tagline,.detail-instructor-box,.auth-card p,.profile-container p,.checkout-summary>p,.checkout-action>p,.checkout-action>small,.checkout-benefits,.status-card p{color:var(--text-muted)!important}
.card-meta,.card-footer,.checkout-price-list,.feature-list,.enrollments-table th,.enrollments-table td{border-color:var(--border-subtle)!important}
.form-control,select.form-control,textarea.form-control{background:#071e20!important;color:#f7f4e9!important;border-color:rgba(230,189,75,.28)!important}.form-control::placeholder{color:#8fa4a0!important}.form-control:focus{border-color:var(--gold-primary)!important;box-shadow:0 0 0 4px rgba(230,189,75,.12)!important}select.form-control option{background:#071e20;color:#fff}
.btn-gold,.btn-emerald{background:var(--gold-gradient)!important;color:#102224!important;border:0!important;box-shadow:var(--gold-glow)}.btn-gold:hover,.btn-emerald:hover{color:#102224!important;filter:brightness(1.06)}.btn-outline{color:var(--gold-light)!important;border-color:var(--border-gold)!important;background:transparent!important}.btn-outline:hover{background:rgba(230,189,75,.1)!important}
.cat-pill{background:#0d2b2d!important;color:#dce6e3!important;border-color:var(--border-subtle)!important}.cat-pill:hover,.cat-pill.active{background:var(--gold-primary)!important;color:#102224!important;border-color:var(--gold-primary)!important}.badge-gold,.card-level-badge{background:#ead07a!important;color:#172526!important;border-color:#f4dc8f!important}.price-current{color:var(--gold-light)!important}.price-original{color:#9fb0ac!important}.price-free,.discount-row{color:#68e0b7!important}
.detail-hero{border-bottom-color:var(--border-subtle)}.lesson-item:hover,.lesson-item.active{background:rgba(230,189,75,.09)!important;color:var(--gold-light)!important}.download-item{background:#092426!important}.detail-sidebar-card{background:#0c292b!important}
.checkout-action{background:#092426!important;border-color:var(--border-subtle)!important}.checkout-icon{background:rgba(230,189,75,.14)!important;color:var(--gold-light)!important}.checkout-price-list,.status-card dl{background:#092426!important}.pending-notice{background:#352c13!important;color:#ffe49a!important;border-color:#6e5920!important}
.profile-avatar-lg,.user-avatar{background:var(--gold-gradient)!important;color:#102224!important}.lms-main{background:#06191b!important;color:var(--text-main)}.lms-sidebar{background:#092426!important;color:var(--text-main);border-color:var(--border-subtle)!important}.lms-sidebar-header,.lms-sidebar-content{color:var(--text-main)!important}.lms-video-container{background:#020909;border:1px solid var(--border-subtle)}
.modal-content-wrap{background:#071719;border:1px solid var(--border-gold)}.message{background:#0e352f!important;color:#d7fff1!important;border-color:#246351!important}
footer{background:#031113!important;color:#f7f4e9!important}.footer-col p,.footer-col a,.footer-bottom,.footer-bottom span{color:#bdcac7!important}.footer-col h4,.footer-col strong,.footer-bottom a{color:#f7f4e9!important}.trust-chip,.hyperwebs-link{background:rgba(230,189,75,.08)!important;border-color:var(--border-subtle)!important}.hyperwebs-link b{color:var(--gold-light)!important}
@media(max-width:900px){.navbar .nav-links.open{background:#082224!important;border:1px solid rgba(230,189,75,.28)!important;box-shadow:0 24px 60px rgba(0,0,0,.5)}.navbar .nav-links.open a{color:#f7f4e9!important;padding:.75rem 1rem;border-radius:8px}.navbar .nav-links.open a:hover{background:rgba(230,189,75,.1);color:var(--gold-light)!important}.navbar .nav-links.open .nav-login-button{background:var(--gold-gradient)!important;color:#102224!important}.navbar .nav-links.open .user-pill{background:#0e3032!important}.nav-logout{color:#f2d477!important}.vahshi-mark{min-height:420px}}
@media(max-width:560px){.vahshi-mark{min-height:270px}.navbar .brand-copy strong{font-size:1rem}.navbar .brand-copy small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.vahshi-copy,.about-copy,.path-grid article,.course-card{opacity:1!important;transform:none!important}}
.legacy-shop .detail-sidebar-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:1.25rem}.legacy-shop__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border-subtle);color:var(--text-muted)}.legacy-shop__meta i{color:var(--gold-light);margin-left:.35rem}.legacy-shop__meta strong{color:var(--text-main)}.legacy-shop .price-box{padding:1.25rem 0}.legacy-shop__cta{width:100%;justify-content:center}

/* Targeted layout and visibility fixes */
@media(min-width:901px){.wild-hero__content{width:min(600px,42%);margin-left:6%;margin-right:auto}.wild-hero__content>p{max-width:560px}.wild-hero h1{font-size:clamp(3.4rem,5.6vw,6rem)}.wild-kicker{max-width:100%}}
@media(max-width:900px){.wild-hero{display:block;min-height:auto}.wild-hero__image{height:430px;object-position:68% top}.wild-hero__shade{background:linear-gradient(0deg,#031416 0,#031416 38%,rgba(3,20,22,.25) 67%,transparent 90%)}.wild-hero__content{width:90%;margin:auto;padding:455px 0 3.5rem}.wild-kicker{position:relative;z-index:3;background:#082628;border:1px solid rgba(230,189,75,.3);padding:.55rem .8rem;border-radius:6px}}
@media(max-width:560px){.wild-hero__image{height:350px;object-position:68% top}.wild-hero__content{padding-top:375px}.wild-hero h1{font-size:2.8rem}}
.vahshi-mark{background-color:#123e3f!important;background-image:url('../img/vahshi-title.jpeg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:multiply}
.navbar .nav-links .user-pill{background:#e6bd4b!important;border-color:#f2d477!important;color:#102224!important;-webkit-text-fill-color:#102224!important;font-weight:800}.navbar .nav-links .user-pill:hover{background:#f2d477!important;color:#102224!important}.navbar .nav-links .user-pill .user-avatar{background:#102224!important;color:#f2d477!important}.navbar .nav-logout{color:#f2d477!important}.navbar .nav-logout:hover{color:#fff!important}
.profile-container .course-card{opacity:1!important;transform:none!important;visibility:visible!important}.profile-container .course-grid{min-height:120px}.profile-container .card-body{color:var(--text-main)}

/* Catalog visibility, mobile polish and index motion system */
.course-card{opacity:1;transform:none;visibility:visible}.wild-courses .course-card{opacity:0;transform:translateY(34px) scale(.975)}.wild-courses .course-card.revealed{opacity:1;transform:none}
.vahshi-mark{background-image:url('../img/vahshi-title-teal.png')!important;background-blend-mode:normal!important;background-size:cover!important}
@media(max-width:900px){.wild-hero__image{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 68%,rgba(0,0,0,.82) 77%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 68%,rgba(0,0,0,.82) 77%,transparent 100%)}.wild-hero__shade{background:linear-gradient(0deg,#031416 0,#031416 34%,rgba(3,20,22,.78) 49%,transparent 78%)}.navbar .nav-links.open .user-pill{background:#e6bd4b!important;color:#102224!important;-webkit-text-fill-color:#102224!important;border-color:#f2d477!important}.navbar .nav-links.open .user-pill .user-avatar{background:#102224!important;color:#f2d477!important}.navbar .nav-links.open .nav-logout{color:#f2d477!important;width:100%;justify-content:center;padding:.75rem 1rem;border:1px solid rgba(230,189,75,.25);border-radius:8px}}
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:var(--scroll-progress,0);z-index:2000;background:linear-gradient(90deg,#a97817,#f7dc82);box-shadow:0 0 18px rgba(230,189,75,.8);pointer-events:none}
.wild-hero:after{content:'';position:absolute;z-index:1;width:380px;height:380px;left:8%;top:15%;border:1px solid rgba(230,189,75,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(230,189,75,.025),0 0 0 110px rgba(230,189,75,.018);animation:wildOrbit 13s linear infinite;pointer-events:none}.wild-kicker i{animation:iconPulse 2.2s ease-in-out infinite}.wild-hero__image{transform:scale(var(--hero-scale,1.01)) translate3d(var(--hero-x,0),var(--hero-y,0));transition:transform .18s linear;will-change:transform}.pain-strip p{animation:tickerBreathe 3s ease-in-out infinite}.pain-strip p:nth-of-type(2){animation-delay:.6s}.pain-strip p:nth-of-type(3){animation-delay:1.2s}
.motion-section{opacity:0;transform:translateY(45px);filter:blur(5px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s}.motion-section.motion-visible{opacity:1;transform:none;filter:none}.path-grid article,.wild-courses .course-card{transition-delay:var(--reveal-delay,0ms)}.path-grid article:hover{transform:translateY(-9px)!important;border-color:rgba(230,189,75,.55);box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}.about-portrait{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}.about-portrait:hover{transform:rotate(-1deg) scale(1.015);box-shadow:25px 30px 0 rgba(230,189,75,.14)}.vahshi-mark{animation:vahshiGlow 5s ease-in-out infinite alternate}.btn-wild i,.card-arrow i{transition:transform .25s}.btn-wild:hover i,.card-arrow:hover i{transform:translateX(-5px)}
@keyframes wildOrbit{to{transform:rotate(360deg)}}@keyframes iconPulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 8px #e6bd4b)}}@keyframes tickerBreathe{50%{transform:translateY(-2px)}}@keyframes vahshiGlow{from{filter:saturate(.92) brightness(.92)}to{filter:saturate(1.08) brightness(1.06)}}
@media(max-width:900px){.wild-hero:after{width:190px;height:190px;left:-70px;top:70px}.motion-section{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.wild-hero:after,.wild-kicker i,.pain-strip p,.vahshi-mark{animation:none}.wild-hero__image{transform:none!important}.motion-section{opacity:1;transform:none;filter:none}.wild-courses .course-card{opacity:1;transform:none}}

/* Cinematic scroll choreography */
.vahshi-mark{align-self:center;width:100%;min-height:unset!important;aspect-ratio:16/9;background-size:contain!important;background-color:#123e3f!important;position:relative;isolation:isolate;box-shadow:inset 0 0 80px rgba(0,0,0,.32)}.vahshi-mark:after{content:'';display:block!important;position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,221,122,.16) 43%,transparent 58%);transform:translateX(-130%);mix-blend-mode:screen;z-index:2}.vahshi-section.motion-visible .vahshi-mark:after{animation:logoSweep 2.2s .35s cubic-bezier(.16,1,.3,1) forwards}.vahshi-section{overflow:hidden}.vahshi-section .vahshi-mark{clip-path:inset(0 50% 0 50% round 2px);transform:scale(1.12);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}.vahshi-section.motion-visible .vahshi-mark{clip-path:inset(0);transform:scale(1)}
.kinetic-line{position:fixed;left:22px;top:18%;bottom:15%;width:1px;background:rgba(230,189,75,.14);z-index:50;pointer-events:none}.kinetic-line:before{content:'';position:absolute;top:calc(var(--scroll-progress-num,0)*1%);left:50%;width:11px;height:11px;border-radius:50%;background:#e6bd4b;box-shadow:0 0 0 6px rgba(230,189,75,.12),0 0 26px #e6bd4b;transform:translate(-50%,-50%)}.kinetic-line:after{content:'SCROLL';position:absolute;bottom:-34px;left:50%;transform:translateX(-50%) rotate(-90deg);color:#e6bd4b;font:600 9px/1 sans-serif;letter-spacing:.25em}
.section-heading h2,.vahshi-copy h2,.about-copy h2,.final-cta h2{overflow:hidden}.cinematic-word{display:inline-block;opacity:0;transform:translateY(1.15em) rotate(3deg);filter:blur(6px);transition:opacity .7s,transform .85s cubic-bezier(.16,1,.3,1),filter .7s}.motion-visible .cinematic-word,.wild-hero .cinematic-word{opacity:1;transform:none;filter:none}.cinematic-word:nth-child(2){transition-delay:70ms}.cinematic-word:nth-child(3){transition-delay:140ms}.cinematic-word:nth-child(4){transition-delay:210ms}.cinematic-word:nth-child(5){transition-delay:280ms}.cinematic-word:nth-child(6){transition-delay:350ms}
.section-label{position:relative}.section-label:after{content:'';height:1px;width:0;background:linear-gradient(90deg,#e6bd4b,transparent);position:absolute;right:calc(100% + 12px);top:50%;transition:width 1s .3s cubic-bezier(.16,1,.3,1)}.motion-visible .section-label:after{width:80px}
.path-grid{perspective:1200px}.path-grid article{transform-style:preserve-3d;transform:translate3d(0,80px,-110px) rotateX(14deg) rotateY(var(--card-angle,4deg));opacity:0}.path-grid article:nth-child(even){--card-angle:-4deg}.path-grid article.revealed{transform:translate3d(0,0,0) rotateX(0) rotateY(0);opacity:1;transition-duration:1s}.path-grid article i,.path-grid article h3{transform:translateZ(30px)}
.about-mahbod{overflow:hidden}.about-portrait{transform:translate3d(0,var(--portrait-shift,40px),0) rotate(-2deg);will-change:transform}.about-copy{transform:translate3d(0,var(--copy-shift,60px),0)}.final-cta:before{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(230,189,75,.22);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--cta-ring,1));box-shadow:0 0 0 70px rgba(230,189,75,.025),0 0 0 140px rgba(230,189,75,.018);pointer-events:none}.final-cta{position:relative;overflow:hidden}.final-cta>*{position:relative;z-index:1}.scroll-velocity .wild-kicker,.scroll-velocity .section-label{letter-spacing:.08em}
@keyframes logoSweep{to{transform:translateX(130%)}}@media(max-width:900px){.kinetic-line{display:none}.vahshi-mark{aspect-ratio:16/9!important;min-height:unset!important;background-size:contain!important}.vahshi-section .vahshi-mark{clip-path:inset(0 0 100% 0);transform:scale(1.04)}.vahshi-section.motion-visible .vahshi-mark{clip-path:inset(0);transform:none}.about-portrait,.about-copy{transform:none!important}}
@media(prefers-reduced-motion:reduce){.vahshi-section .vahshi-mark,.cinematic-word,.path-grid article{clip-path:none;opacity:1;transform:none;filter:none}.vahshi-mark:after,.kinetic-line{display:none!important}}

/* Blend the Vahshi artwork into its full-height panel */
.vahshi-section{background:linear-gradient(90deg,#f3efe5 0,#f3efe5 50%,#06494c 50%,#06494c 100%)}
.vahshi-mark{align-self:stretch!important;aspect-ratio:auto!important;min-height:100%!important;background-color:#06494c!important;background-image:url('../img/vahshi-title-teal.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
.vahshi-mark:before{content:'';display:block!important;position:absolute;z-index:1;inset:0;background:linear-gradient(to left,rgba(6,73,76,.82) 0,transparent 11%),linear-gradient(to bottom,#06494c 0,transparent 13%,transparent 87%,#06494c 100%);pointer-events:none}
.vahshi-mark:after{z-index:2}
@media(min-width:901px){.vahshi-mark{background-size:min(100%,920px) auto!important}.vahshi-mark:before{background:linear-gradient(to right,rgba(243,239,229,.95) 0,rgba(243,239,229,.35) 3%,transparent 9%),linear-gradient(to bottom,#06494c 0,transparent 12%,transparent 88%,#06494c 100%)}}
@media(max-width:900px){.vahshi-section{background:#f3efe5}.vahshi-mark{width:100%;min-height:clamp(280px,58vw,520px)!important;aspect-ratio:16/9!important;background-size:contain!important}.vahshi-mark:before{background:linear-gradient(to bottom,#06494c 0,transparent 10%,transparent 86%,rgba(243,239,229,.96) 100%)}}

/* Exact sampled artwork background; deliberately static */
.vahshi-section{background:linear-gradient(90deg,#f3efe5 0,#f3efe5 50%,#103d42 50%,#103d42 100%)}
.vahshi-mark{background-color:#103d42!important;animation:none!important;filter:none!important}
.vahshi-mark:after{display:none!important;animation:none!important}
.vahshi-mark:before{background:linear-gradient(to bottom,#103d42 0,transparent 12%,transparent 88%,#103d42 100%)!important}
@media(min-width:901px){.vahshi-mark:before{background:linear-gradient(to right,rgba(243,239,229,.95) 0,rgba(243,239,229,.3) 3%,transparent 9%),linear-gradient(to bottom,#103d42 0,transparent 12%,transparent 88%,#103d42 100%)!important}}
@media(max-width:900px){.vahshi-section{background:#f3efe5}.vahshi-mark:before{background:linear-gradient(to bottom,#103d42 0,transparent 10%,transparent 86%,rgba(243,239,229,.96) 100%)!important}}
/* Dejban Cyber Academy — 2026 visual language */
:root{--cyber:#00e58a;--cyber2:#00b8ff;--danger:#ff4057;--ink:#05090d;--panel:#0a1118;--line:#1b2b35;--paper:#dce8e8}
body{background:var(--ink);font-family:'Vazirmatn',sans-serif}.navbar{background:rgba(5,9,13,.88);border-bottom:1px solid rgba(0,229,138,.14);padding:.9rem 6%;height:76px}.brand-mark{width:37px;color:var(--cyber);filter:drop-shadow(0 0 9px rgba(0,229,138,.35))}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:1.45rem;letter-spacing:0}.brand-copy small{font-size:.61rem;color:#6f8793;letter-spacing:0}.nav-links a:hover,.nav-links a.active{color:var(--cyber)}.btn-gold,.cyber-btn.primary{background:var(--cyber);color:#03100b;box-shadow:0 8px 28px rgba(0,229,138,.17);border:1px solid var(--cyber)}.btn-gold:hover,.cyber-btn.primary:hover{background:#55ffb7;color:#03100b;box-shadow:0 10px 34px rgba(0,229,138,.3)}
.cyber-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:6%;padding:6rem 7%;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 40%,rgba(0,184,255,.07),transparent 30%),#05090d}.hero-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(0,229,138,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,138,.12) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to left,#000,transparent 80%)}.hero-glow{position:absolute;width:550px;height:550px;border:1px solid rgba(0,229,138,.06);border-radius:50%;right:-180px;top:-150px;box-shadow:0 0 0 80px rgba(0,229,138,.018),0 0 0 160px rgba(0,229,138,.012)}.cyber-hero__copy{position:relative;z-index:2}.live-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.4rem .7rem;border:1px solid rgba(0,229,138,.25);color:#9bb5b9;background:rgba(0,229,138,.04);font:700 .72rem monospace;letter-spacing:.12em}.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--cyber);box-shadow:0 0 10px var(--cyber);animation:blink 1.5s infinite}.cyber-hero h1{font-size:clamp(3.5rem,6vw,6.8rem);line-height:1.12;letter-spacing:-.06em;margin:1.4rem 0;color:#eef8f7}.cyber-hero h1 em,.cyber-heading h2 em,.mission-copy h2 em,.trust-section h2 em,.cyber-cta h2 em{font-style:normal;color:var(--cyber)}.cyber-hero__copy>p{max-width:620px;color:#91a4ab;font-size:1.12rem;line-height:2}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.35rem;text-decoration:none;font-weight:800;transition:.25s}.cyber-btn:hover{transform:translateY(-3px)}.cyber-btn.secondary{color:#d7e4e4;border:1px solid #253741;background:#0a1118}.cyber-btn.secondary:hover{border-color:var(--cyber);color:var(--cyber)}.hero-stats{display:flex;gap:0;border-top:1px solid var(--line);padding-top:1.5rem;max-width:620px}.hero-stats div{display:flex;flex-direction:column;padding:0 1.4rem;border-left:1px solid var(--line)}.hero-stats div:first-child{padding-right:0}.hero-stats strong{color:#e9f4f2}.hero-stats span{color:#607780;font-size:.72rem;margin-top:.3rem}
.soc-panel{direction:ltr;position:relative;z-index:2;background:rgba(7,15,21,.93);border:1px solid #20333d;box-shadow:0 40px 100px #000,0 0 60px rgba(0,229,138,.06);transform:perspective(1200px) rotateY(-4deg);font-family:monospace}.soc-top,.soc-foot{height:44px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2e38;color:#63808b;font-size:.68rem}.soc-top>span{display:flex;gap:5px}.soc-top i{display:block;width:7px;height:7px;border-radius:50%;background:#30444d}.soc-top i:first-child{background:var(--danger)}.soc-top b{color:#8ea7af;letter-spacing:.1em}.soc-top small{color:var(--cyber)}.soc-map{height:280px;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(90deg,transparent 49.8%,rgba(0,229,138,.06) 50%,transparent 50.2%)}.radar{width:220px;height:220px;border:1px solid rgba(0,229,138,.22);border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 34px,rgba(0,229,138,.09) 35px 36px),linear-gradient(rgba(0,229,138,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,138,.08) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;overflow:hidden}.radar span{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:bottom left;background:conic-gradient(from 270deg,rgba(0,229,138,.35),transparent 50%);animation:radar 4s linear infinite}.ping{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyber);box-shadow:0 0 10px var(--cyber)}.p1{left:31%;top:40%}.p2{left:68%;top:25%}.p3{left:62%;top:72%}.threat-count{display:flex;flex-direction:column}.threat-count small{color:#5e747d;font-size:.65rem}.threat-count strong{font-size:2.1rem;color:#d9e9e6}.threat-count span{color:var(--cyber);font-size:.72rem}.terminal-lines{padding:1rem 1.3rem;border-top:1px solid #1c2e38;border-bottom:1px solid #1c2e38;font-size:.68rem;color:#6f8790}.terminal-lines p{margin:.35rem}.terminal-lines span{color:#42555e;margin-right:1rem}.terminal-lines .alert{color:var(--danger)}.soc-foot{border:0}.soc-foot span:first-child{color:var(--cyber)}
.signal-strip{direction:ltr;display:flex;align-items:center;justify-content:space-around;gap:2rem;overflow:hidden;white-space:nowrap;padding:1rem;background:var(--cyber);color:#03100b;font:900 .72rem monospace;letter-spacing:.16em}.signal-strip i{font-size:.5rem}.tracks-section,.featured-cyber{padding:8rem 6%;background:#070c11}.cyber-heading{text-align:center;max-width:720px;margin:0 auto 4rem}.cyber-heading>span,.eyebrow{color:var(--cyber);font-size:.76rem;font-weight:800}.cyber-heading>span:before,.eyebrow:before{content:'//';font-family:monospace;margin-left:.5rem}.cyber-heading h2,.mission-copy h2,.trust-section h2,.cyber-cta h2{font-size:clamp(2.4rem,4vw,4.3rem);line-height:1.25;margin:.8rem 0;color:#edf6f5}.cyber-heading p{color:#738790;line-height:2}.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1250px;margin:auto}.track-card{background:#0a1117;border:1px solid #182831;padding:2rem;position:relative;overflow:hidden;opacity:0;transform:translateY(25px);transition:.55s}.track-card:before{content:'';position:absolute;right:0;top:0;width:3px;height:0;background:var(--cyber);transition:.4s}.track-card:hover{transform:translateY(-8px);border-color:#34505a}.track-card:hover:before{height:100%}.track-card.is-visible{opacity:1;transform:none}.track-card:nth-child(2){transition-delay:.1s}.track-card:nth-child(3){transition-delay:.2s}.track-no{position:absolute;left:1.3rem;top:.8rem;font:900 4rem monospace;color:rgba(255,255,255,.025)}.track-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(0,229,138,.24);color:var(--cyber);font-size:1.7rem;background:rgba(0,229,138,.04)}.red .track-icon{color:var(--danger);border-color:rgba(255,64,87,.28);background:rgba(255,64,87,.04)}.track-code{font:700 .62rem monospace;color:#49616b;letter-spacing:.1em;margin-top:2rem}.track-card h3{font-size:1.7rem;margin:.5rem 0 0}.track-card>strong{font:700 .83rem monospace;color:var(--cyber)}.track-card.red>strong{color:var(--danger)}.track-card>p{color:#7f939a;line-height:1.9;font-size:.89rem;margin:1.2rem 0}.track-card ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.track-card li{direction:ltr;font:600 .65rem monospace;color:#89a0a8;border:1px solid #23343c;padding:.35rem .5rem}.track-link{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid #1b2a31;color:#d9e8e5;text-decoration:none;font-weight:800}.track-link:hover{color:var(--cyber)}
.mission-section{padding:9rem 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:#05090d}.mission-visual{height:520px;position:relative;display:grid;place-items:center;opacity:0;transition:1s}.mission-visual.is-visible,.mission-copy.is-visible{opacity:1}.mission-ring{position:absolute;border:1px solid rgba(0,229,138,.17);border-radius:50%}.r1{width:420px;height:420px}.r2{width:300px;height:300px;border-style:dashed;animation:radar 22s linear infinite reverse}.mission-ring:after,.mission-ring:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyber);box-shadow:0 0 12px var(--cyber)}.r1:after{left:25px;top:90px}.r1:before{right:20px;bottom:105px}.mission-core{display:flex;width:180px;height:180px;border:1px solid var(--cyber);background:#07130f;align-items:center;justify-content:center;flex-direction:column;transform:rotate(45deg);box-shadow:0 0 50px rgba(0,229,138,.08)}.mission-core>*{transform:rotate(-45deg)}.mission-core i{color:var(--cyber);font-size:2.3rem}.mission-core b{font:900 1.3rem monospace}.mission-core span{font:600 .55rem monospace;color:#587168}.orbit-label{position:absolute;color:#526970;font:700 .65rem monospace}.o1{top:13%;left:27%}.o2{right:8%;top:48%}.o3{bottom:10%;left:40%}.mission-copy{opacity:0;transform:translateY(20px);transition:.7s}.mission-copy.is-visible{transform:none}.mission-copy>p{color:#7f9298;line-height:2}.mission-list{margin-top:2rem}.mission-list>div{display:flex;gap:1.2rem;padding:1rem 0;border-bottom:1px solid #17242b}.mission-list b{font:700 .75rem monospace;color:var(--cyber)}.mission-list span{display:flex;flex-direction:column}.mission-list small{color:#687d84;margin-top:.25rem}.featured-cyber{background:#081017}.align-right{text-align:right;margin-right:0}.featured-cyber .course-card{background:#0b141b;border-color:#1a2b34}.featured-cyber .card-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b141b,transparent 65%)}.featured-cyber .card-instructor{color:var(--cyber)}.all-courses{text-align:center;margin-top:3rem}
.trust-section{padding:8rem 7%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;background:#070c11;align-items:start}.trust-grid{display:grid;grid-template-columns:1fr 1fr}.trust-grid article{padding:1.8rem;border:1px solid #18262e;margin:-1px 0 0 -1px;opacity:0;transform:translateY(15px);transition:.5s}.trust-grid article.is-visible{opacity:1;transform:none}.trust-grid i{font-size:1.5rem;color:var(--cyber)}.trust-grid strong{display:block;margin:.7rem 0}.trust-grid p{color:#71858d;font-size:.85rem}.cyber-cta{padding:6rem 8%;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(110deg,#09221a,#071017 65%);border-top:1px solid rgba(0,229,138,.2);position:relative;overflow:hidden}.cyber-cta:after{content:'DEJBAN';position:absolute;left:-2%;bottom:-45%;font:900 10rem monospace;color:rgba(255,255,255,.02)}.cyber-cta>div>span{font:700 .65rem monospace;letter-spacing:.15em;color:var(--cyber)}.cyber-cta h2{font-size:clamp(2.2rem,3.4vw,3.8rem)}.cyber-cta p{color:#7f9298}.cyber-cta .cyber-btn{position:relative;z-index:2;white-space:nowrap}
footer{background:#04070a;border-top:1px solid #14232b}.footer-col h4{color:var(--cyber)}.trust-chip{color:var(--cyber);border-color:rgba(0,229,138,.2)}
@keyframes radar{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}
@media(max-width:980px){.cyber-hero{grid-template-columns:1fr;padding-top:4rem}.soc-panel{transform:none;max-width:680px;width:100%}.tracks-grid{grid-template-columns:1fr}.mission-section,.trust-section{grid-template-columns:1fr}.mission-visual{order:2}.cyber-cta{align-items:flex-start;flex-direction:column}.tracks-section,.featured-cyber{padding:6rem 5%}}
@media(max-width:600px){.cyber-hero{padding:4rem 5%;min-height:auto}.cyber-hero h1{font-size:3.2rem}.hero-stats{overflow:auto}.hero-stats div{padding:0 .8rem;min-width:max-content}.soc-map{height:230px}.radar{width:160px;height:160px}.threat-count strong{font-size:1.4rem}.signal-strip{justify-content:flex-start}.mission-section{padding:6rem 5%}.mission-visual{height:390px;transform:scale(.78);margin:-50px}.trust-section{padding:6rem 5%}.trust-grid{grid-template-columns:1fr}.hero-actions .cyber-btn{width:100%}.cyber-heading h2,.mission-copy h2,.trust-section h2{font-size:2.4rem}}
.track-card{padding:0}.track-content{padding:2rem;position:relative}.track-cover{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid #182831;background:#060b10}.track-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s}.track-card:hover .track-cover img{transform:scale(1.045);filter:saturate(1.12)}.track-content>strong{font:700 .83rem monospace;color:var(--cyber)}.red .track-content>strong{color:var(--danger)}.track-content>p{color:#7f939a;line-height:1.9;font-size:.89rem;margin:1.2rem 0}.track-price{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.track-price span{padding:.25rem .45rem;background:rgba(0,229,138,.12);color:var(--cyber);font-size:.72rem;font-weight:800}.track-price del{color:#607780;font-size:.75rem}.track-price strong{display:block;width:100%;color:#edf6f5}

/* Keep every track action on the same baseline, independent of copy length. */
.tracks-grid{align-items:stretch}.tracks-grid .track-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.tracks-grid .track-cover{flex:0 0 auto}.tracks-grid .track-content{display:flex;flex:1;flex-direction:column;width:100%;box-sizing:border-box}.tracks-grid .track-link{margin-top:auto}.tracks-grid .track-price{margin-top:auto}.tracks-grid .track-price+.track-link{margin-top:1rem}

/* A single grid owns the complete course-detail page. This keeps both sidebar
   cards on the exact same column instead of aligning two unrelated grids. */
@media(min-width:821px){
  .course-detail-layout{width:min(88%,1400px);margin:0 auto;padding:3rem 0 4rem;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto;column-gap:3.5rem;row-gap:3.5rem;align-items:start}
  .course-detail-layout>.detail-hero,.course-detail-layout>.course-detail-content,.course-detail-layout .detail-grid,.course-detail-layout .course-content-grid{display:contents}
  .course-detail-layout .detail-main{grid-column:1;grid-row:1}
  .course-detail-layout .detail-grid>div:last-child{grid-column:2;grid-row:1;width:100%}
  .course-detail-layout .course-content-grid>div:first-child{grid-column:1;grid-row:2}
  .course-detail-layout .course-content-grid>div:last-child{grid-column:2;grid-row:2;width:100%}
  .course-detail-layout .detail-sidebar-card{position:static;top:auto;width:100%;box-sizing:border-box}
}
@media(min-width:821px) and (max-width:1100px){
  .course-detail-layout{grid-template-columns:minmax(0,1fr) 330px;column-gap:2rem}
}
@media(max-width:820px){
  .course-detail-layout{display:block}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-mark{width:44px!important;height:44px!important;object-fit:contain;flex:0 0 44px}
footer .brand-mark{width:56px!important;height:56px!important;flex-basis:56px}
.coming-soon-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid rgba(0,184,255,.35);background:rgba(0,184,255,.08);color:#62d5ff;font-size:.75rem;font-weight:800}.coming-soon-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:1.4rem;border:1px solid rgba(0,184,255,.25);background:rgba(0,184,255,.06);color:#e4f7ff}.coming-soon-panel>i{font-size:2rem;color:#62d5ff}.coming-soon-panel span{font-size:.82rem;color:#78929c}.is-coming-soon{background:#17242c!important;border-color:#2d4652!important;color:#8299a3!important;box-shadow:none!important}.coming-link{color:#62d5ff}