:root { --ba-primary:#075cab; --ba-dark:#050c1b; --ba-green:#0a2343; --ba-accent:#d7a84c; --ba-accent-light:#f7dc92; --ba-ink:#101c31; --ba-muted:#667085; --ba-soft:#f4f6fa; --ba-white:#fffdf8; }
html { scroll-behavior:smooth; }
body { font-family:Tahoma,Arial,sans-serif; color:var(--ba-ink); background:var(--ba-soft)!important; line-height:1.75; overflow-x:hidden; }
.ba-navbar { background:rgba(7,28,23,.9); backdrop-filter:blur(18px); border-bottom:1px solid rgba(255,255,255,.08); padding:.9rem 0; transition:.3s; }
.ba-navbar.scrolled { padding:.55rem 0; box-shadow:0 10px 40px rgba(0,0,0,.18); }
.navbar-brand { font-weight:500; letter-spacing:-.5px; font-size:1.15rem; }
.navbar-brand b { color:var(--ba-accent); }
.brand-mark { display:grid; place-items:center; width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--ba-accent),#ab7b29);color:var(--ba-dark);box-shadow:0 6px 22px rgba(216,173,86,.3); }
.brand-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--ba-accent);box-shadow:0 5px 18px rgba(0,0,0,.35)}
.ba-navbar .nav-link { color:rgba(255,255,255,.72); font-size:.92rem; margin-inline:.28rem; }
.ba-navbar .nav-link:hover { color:#fff; }
.ba-navbar .navbar-collapse{gap:1rem}.ba-navbar .navbar-nav{gap:.12rem}.ba-navbar .nav-link{white-space:nowrap}.ba-navbar .dropdown-menu{border:1px solid rgba(215,173,87,.22);border-radius:14px;padding:.55rem;box-shadow:0 18px 50px rgba(0,0,0,.22)}.ba-navbar .dropdown-item{border-radius:9px;padding:.55rem .8rem}.ba-navbar .dropdown-item:active{background:var(--ba-primary)}.navbar-actions{flex-shrink:0}.nav-icon-link{position:relative;font-size:1.12rem}.nav-icon-link .badge{position:absolute;top:0;inset-inline-end:-2px;font-size:.55rem}.account-menu span{display:inline-block;max-width:125px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media (max-width:1199.98px){.ba-navbar .navbar-collapse{padding:1rem 0;max-height:calc(100vh - 80px);overflow-y:auto}.ba-navbar .navbar-nav{align-items:stretch!important}.ba-navbar .nav-link{padding:.7rem .25rem;margin:0}.ba-navbar .dropdown-menu{background:rgba(255,255,255,.06);box-shadow:none;border-color:rgba(255,255,255,.08)}.ba-navbar .dropdown-item{color:#fff}.ba-navbar .dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff}.navbar-actions{border-top:1px solid rgba(255,255,255,.1);padding-top:.7rem;margin-top:.4rem}}
.card { border:0; border-radius:1rem; overflow:hidden; transition:transform .2s ease,box-shadow .2s ease; }
.card:hover { transform:translateY(-2px); box-shadow:0 .75rem 2rem rgba(28,52,44,.1)!important; }
.card-img-top { aspect-ratio:16/9; object-fit:cover; background:#dce7e2; }
.btn { border-radius:.7rem; padding:.55rem 1.1rem; font-weight:700; }
.btn-primary { background:var(--ba-primary); border-color:var(--ba-primary); }
.btn-primary:hover,.btn-primary:focus { background:#24483b; border-color:#24483b; }
.progress { background:#dce7e2; border-radius:99px; }
.progress-bar { background:linear-gradient(90deg,var(--ba-primary),#5a8f7b); }
.form-control,.form-select { border-radius:.65rem; padding:.7rem .85rem; }
.table-responsive { border-radius:.8rem; }
.pdf-viewer { max-height:75vh; overflow:auto; background:#d8d8d8; }
.pdf-viewer canvas { background:#fff; height:auto; }
.btn-gold { background:linear-gradient(135deg,#f0cf86,var(--ba-accent)); color:#14251f; border:0; box-shadow:0 10px 30px rgba(216,173,86,.18); }
.btn-gold:hover { color:#071c17; transform:translateY(-2px); box-shadow:0 14px 35px rgba(216,173,86,.32); }
.btn-ghost { color:#fff; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
.btn-ghost:hover { color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.45); }
.section-space { padding:110px 0; }
.kicker,.eyebrow { color:#a77a2b; font-weight:800; font-size:.78rem; letter-spacing:1.8px; text-transform:uppercase; display:inline-flex; align-items:center; gap:.6rem; margin-bottom:1rem; }
.eyebrow { color:var(--ba-accent-light); }
.eyebrow span { width:28px; height:1px; background:var(--ba-accent); }
.kicker.light { color:var(--ba-accent-light); }
h1,h2,h3 { letter-spacing:-.7px; }
h2 { font-size:clamp(2rem,4vw,3.35rem); line-height:1.25; font-weight:800; }
h1 em,h2 em { color:var(--ba-accent); font-style:normal; }

.hero-section { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:radial-gradient(circle at 15% 20%,#164d3c 0,transparent 36%),linear-gradient(125deg,#061712 0%,#09241c 58%,#04100d 100%); }
.min-vh-hero { min-height:760px; padding:90px 0 75px; }
.hero-section h1 { font-size:clamp(3rem,6.2vw,5.8rem); line-height:1.04; font-weight:900; margin-bottom:1.6rem; }
.hero-lead { font-size:clamp(1rem,1.5vw,1.25rem); color:rgba(255,255,255,.68); max-width:610px; line-height:1.95; }
.hero-actions { margin:2rem 0 2.3rem; }
.hero-actions .btn { padding:.85rem 1.45rem; }
.hero-proof { display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.65); }
.avatars { display:flex; direction:ltr; }
.avatars span { display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#315e4e;border:2px solid #0a251d;margin-left:-8px;color:#fff;font-size:.75rem; }
.avatars span:last-child { background:var(--ba-accent);color:#14251f; }
.stars { color:var(--ba-accent);letter-spacing:2px;font-size:.8rem;line-height:1; }
.hero-visual { position:relative; margin-inline-start:15px; }
.hero-visual:before { content:'';position:absolute;inset:8% -5% -5% 8%;border:1px solid rgba(216,173,86,.25);border-radius:48% 52% 18% 28%;transform:rotate(3deg); }
.hero-visual img { position:relative;width:100%;aspect-ratio:1.14/1;object-fit:cover;object-position:38% center;border-radius:46% 46% 20px 20px;filter:saturate(.92) contrast(1.04);box-shadow:0 35px 90px rgba(0,0,0,.45); }
.floating-card { position:absolute;z-index:2;display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.93);color:var(--ba-ink);padding:.85rem 1rem;border-radius:14px;box-shadow:0 16px 45px rgba(0,0,0,.24);animation:float 4s ease-in-out infinite; }
.floating-card i { color:var(--ba-primary);font-size:1.4rem; }
.floating-card b,.floating-card small { display:block;line-height:1.35;white-space:nowrap; }
.floating-card small { color:var(--ba-muted);font-size:.68rem; }
.fc-one { right:-15px;bottom:11%; }.fc-two { left:-12px;top:12%;animation-delay:-2s; }
.pulse-dot { width:11px;height:11px;border-radius:50%;background:#27a36f;box-shadow:0 0 0 7px rgba(39,163,111,.12); }
.hero-orb { position:absolute;border-radius:50%;filter:blur(1px);opacity:.13;pointer-events:none; }.orb-one{width:480px;height:480px;border:1px solid var(--ba-accent);right:-260px;top:60px}.orb-two{width:180px;height:180px;background:var(--ba-accent);filter:blur(120px);left:10%;bottom:0}
@keyframes float { 50%{transform:translateY(-10px)} }

.trust-bar{background:#081f18;color:#fff;padding:28px 0;border-top:1px solid rgba(255,255,255,.07);overflow:hidden}.trust-bar p{text-align:center;color:rgba(255,255,255,.45);font-size:.72rem;letter-spacing:1.5px;margin:0 0 1rem}.tool-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.tool-track{display:flex;width:max-content;gap:4.2rem;animation:marquee 24s linear infinite}.tool-track span{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.76);font-weight:800;font-size:1rem;white-space:nowrap}.tool-track i{color:var(--ba-accent);font-size:1.2rem}@keyframes marquee{to{transform:translateX(50%)}}html[dir=ltr] .tool-track{animation-direction:reverse}

.metrics-strip { background:#fff; border-bottom:1px solid #e8ece8; box-shadow:0 10px 35px rgba(11,40,31,.04); }
.metric { padding:28px 10px; border-inline-start:1px solid #edf0ed; }
.metric:first-child { border:0; }.metric strong { display:block;color:var(--ba-primary);font-size:2rem;line-height:1;font-weight:900; }.metric span { color:var(--ba-muted);font-size:.8rem; }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem; }.section-heading h2{max-width:650px}.section-heading p{max-width:380px;color:var(--ba-muted);margin:0}
.course-card { background:#fff;border:1px solid rgba(21,63,50,.08);border-radius:20px;overflow:hidden;height:100%;box-shadow:0 10px 40px rgba(20,50,41,.07);transition:.35s cubic-bezier(.2,.8,.2,1); }
.course-card:hover { transform:translateY(-9px);box-shadow:0 25px 60px rgba(20,50,41,.14); }
.course-image { position:relative;display:block;overflow:hidden;aspect-ratio:16/10; }.course-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.course-card:hover .course-image img{transform:scale(1.055)}
.course-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,20,15,.55))}.course-level{position:absolute;z-index:2;top:16px;right:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--ba-primary);font-size:.7rem;font-weight:800;padding:.35rem .7rem;border-radius:99px}.course-play{position:absolute;z-index:2;bottom:16px;left:16px;display:grid;place-items:center;width:42px;height:42px;background:var(--ba-accent);color:var(--ba-dark);border-radius:50%;font-size:1.25rem;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.course-content{padding:1.5rem}.course-category{font-size:.75rem;color:#9a6d20;font-weight:700;margin-bottom:.6rem}.course-content h3{font-size:1.25rem;font-weight:800;line-height:1.5}.course-content h3 a{color:var(--ba-ink);text-decoration:none}.course-content p{color:var(--ba-muted);font-size:.88rem;min-height:52px}.course-meta{display:flex;gap:1.1rem;font-size:.75rem;color:#76847d;border-bottom:1px solid #edf0ed;padding-bottom:1rem}.course-meta i{color:var(--ba-primary)}.course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem}.course-footer strong{font-size:1.1rem;color:var(--ba-primary)}.course-footer a,.text-link{color:var(--ba-primary);font-weight:800;text-decoration:none;font-size:.82rem}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:4rem}.empty-state i{font-size:3rem;color:var(--ba-accent)}
.features-section{background:#0a241c;color:#fff;position:relative;overflow:hidden}.features-section:before{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(216,173,86,.1);border-radius:50%;left:-250px;top:10%}.feature-intro{color:rgba(255,255,255,.58);font-size:1.05rem;max-width:440px}.features-section .text-link{color:var(--ba-accent-light)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-box{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.6rem;min-height:210px;transition:.3s}.feature-box:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.feature-box.featured{background:linear-gradient(145deg,#c89c45,#ebcb83);color:var(--ba-dark)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(216,173,86,.15);color:var(--ba-accent);font-size:1.35rem;margin-bottom:1.6rem}.featured .feature-icon{background:rgba(7,28,23,.12);color:var(--ba-dark)}.feature-box h3{font-size:1.1rem;font-weight:800}.feature-box p{font-size:.83rem;color:rgba(255,255,255,.55);margin:0}.featured p{color:rgba(7,28,23,.7)}
.platform-showcase{background:linear-gradient(135deg,#f7f9f7 0,#eef3ef 100%);overflow:hidden}.showcase-lead{color:var(--ba-muted);font-size:1.05rem;max-width:500px}.showcase-points{list-style:none;padding:0;margin:2rem 0}.showcase-points li{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.2rem}.showcase-points>li>i{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#dceae3;color:var(--ba-primary);font-weight:900}.showcase-points b,.showcase-points small{display:block}.showcase-points small{color:var(--ba-muted);font-size:.78rem}.dashboard-mock{position:relative;background:#fff;border:1px solid rgba(19,68,52,.12);border-radius:26px;padding:12px;box-shadow:0 35px 90px rgba(14,55,42,.16);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);transition:.5s}.dashboard-mock:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-6px)}html[dir=ltr] .dashboard-mock{transform:perspective(1200px) rotateY(3deg) rotateX(1deg)}.mock-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #edf1ee}.mock-brand{font-size:.78rem;font-weight:900}.mock-brand>span{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ba-primary);color:var(--ba-accent);border-radius:8px;margin-inline-end:.4rem}.mock-actions{display:flex;align-items:center;gap:.8rem;color:#7b8882}.mock-actions>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dbe8e2;color:var(--ba-primary);font-size:.6rem;font-weight:900}.mock-body{display:grid;grid-template-columns:52px 1fr;min-height:420px}.mock-body aside{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:1.5rem;border-inline-end:1px solid #edf1ee;color:#93a099}.mock-body aside i{padding:.45rem;border-radius:8px}.mock-body aside .active{background:#dfece5;color:var(--ba-primary)}.mock-content{padding:1.5rem}.mock-greeting{display:flex;align-items:center;justify-content:space-between}.mock-greeting small,.mock-learning small{color:#89968f;font-size:.62rem}.mock-greeting h3{font-size:1.15rem;font-weight:900;margin:.2rem 0}.mock-streak{font-size:.64rem;background:#fff2df;color:#ad6c16;padding:.42rem .65rem;border-radius:99px}.mock-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.7rem;margin:1.4rem 0}.mock-stats>div{background:#f5f8f6;border-radius:13px;padding:.85rem}.mock-stats span,.mock-stats small{display:block;color:#819088;font-size:.57rem}.mock-stats b{font-size:1.25rem;color:var(--ba-primary)}.mock-progress{height:5px;background:#dce6e1;border-radius:10px;overflow:hidden;margin-top:.45rem}.mock-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ba-primary),var(--ba-accent));border-radius:10px}.mock-learning{display:grid;grid-template-columns:54px 1fr 34px;align-items:center;gap:.8rem;background:#0d3529;color:#fff;border-radius:15px;padding:.85rem}.mock-course-art{display:grid;place-items:center;height:54px;border-radius:11px;background:linear-gradient(145deg,#d8ad56,#f1d797);color:#173d30;font-size:1.3rem}.mock-learning b{display:block;font-size:.74rem}.mock-learning .mock-progress{background:rgba(255,255,255,.15)}.mock-learning button{border:0;width:32px;height:32px;border-radius:50%;background:var(--ba-accent);color:var(--ba-dark)}.mock-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:.8rem;margin-top:.8rem}.mock-bottom>div{border:1px solid #edf1ee;border-radius:13px;padding:.8rem}.mock-bottom span{font-size:.62rem}.mini-bars{height:45px;display:flex;align-items:end;gap:7px;margin-top:.3rem}.mini-bars i{flex:1;background:#cbdcd3;border-radius:3px 3px 0 0}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:60%}.mini-bars i:nth-child(3){height:42%}.mini-bars i:nth-child(4){height:78%;background:var(--ba-accent)}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:90%;background:var(--ba-primary)}.mini-bars i:nth-child(7){height:70%}.mock-badge{display:flex;align-items:center;gap:.7rem}.mock-badge>i{font-size:2rem;color:var(--ba-accent)}.mock-badge b,.mock-badge small{display:block}.mock-badge small{color:var(--ba-muted)}.dashboard-glow{position:absolute;width:220px;height:220px;background:var(--ba-accent);filter:blur(100px);opacity:.18;z-index:-1;left:-40px;bottom:-30px}
.journey-section{background:#fff}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:1.2rem}.journey-grid:before{content:'';position:absolute;top:58px;right:7%;left:7%;height:1px;background:linear-gradient(90deg,transparent,#d7c18c,#d7c18c,transparent)}.journey-step{position:relative;background:#fff;border:1px solid #e6ebe7;border-radius:22px;padding:1.65rem;min-height:270px;transition:.35s;box-shadow:0 12px 35px rgba(12,52,39,.045)}.journey-step:hover{transform:translateY(-8px);border-color:#d8bc7a;box-shadow:0 24px 50px rgba(12,52,39,.1)}.step-number{position:absolute;top:1.2rem;left:1.35rem;color:#d9dfdb;font-weight:900;font-size:1.4rem}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:linear-gradient(145deg,#0d3c2e,#1b654e);color:var(--ba-accent-light);font-size:1.55rem;margin-bottom:2rem;box-shadow:0 13px 28px rgba(17,75,58,.18)}.journey-step h3{font-size:1.08rem;font-weight:900}.journey-step p{font-size:.84rem;color:var(--ba-muted);margin:0}
.stories-section{background:linear-gradient(180deg,#f3f6f3,#eef2ee)}.stories-head{max-width:680px;margin:auto}.stories-head p{color:var(--ba-muted)}.story-card{position:relative;height:100%;background:#fff;border:1px solid rgba(21,63,50,.08);border-radius:23px;padding:2rem;box-shadow:0 16px 45px rgba(16,52,41,.07);transition:.35s}.story-card:hover{transform:translateY(-7px)}.story-card.story-featured{background:#0b2d23;color:#fff;transform:translateY(-12px)}.story-card.story-featured:hover{transform:translateY(-18px)}.quote-mark{position:absolute;top:12px;left:24px;color:rgba(216,173,86,.25);font-family:Georgia,serif;font-size:5rem;line-height:1}.story-stars{color:var(--ba-accent);letter-spacing:3px;font-size:.8rem;margin-bottom:1rem}.story-card>p{position:relative;line-height:2;min-height:125px;color:#50635b;font-size:.92rem}.story-featured>p{color:rgba(255,255,255,.72)}.story-person{display:flex;align-items:center;gap:.8rem;border-top:1px solid #edf0ed;padding-top:1.2rem}.story-featured .story-person{border-color:rgba(255,255,255,.1)}.story-person>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e5efe9;color:var(--ba-primary);font-weight:900}.story-featured .story-person>span{background:var(--ba-accent);color:var(--ba-dark)}.story-person b,.story-person small{display:block}.story-person small{color:var(--ba-muted);font-size:.7rem}.story-featured .story-person small{color:rgba(255,255,255,.48)}
.faq-section{background:#fff}.faq-section .col-lg-5>p{color:var(--ba-muted);max-width:420px}.faq-contact{display:flex;gap:1rem;align-items:center;margin-top:2rem}.faq-contact>i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e8f0ec;color:var(--ba-primary);font-size:1.25rem}.faq-contact b,.faq-contact small{display:block}.faq-contact small{color:var(--ba-muted)}.faq-accordion .accordion-item{border:0;border-bottom:1px solid #e3e9e5;background:transparent}.faq-accordion .accordion-button{font-weight:900;background:transparent;box-shadow:none;padding:1.35rem .2rem}.faq-accordion .accordion-button:not(.collapsed){color:var(--ba-primary)}.faq-accordion .accordion-body{color:var(--ba-muted);padding:.1rem .2rem 1.5rem}.accordion-button:after{margin-right:auto;margin-left:0}html[dir=ltr] .accordion-button:after{margin-left:auto;margin-right:0}
.cta-section{padding:90px 0;background:var(--ba-soft)}.cta-panel{background:linear-gradient(125deg,#174b3b,#09291f);border-radius:26px;padding:4rem;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(16,58,44,.2)}.cta-panel:after{content:'';position:absolute;width:300px;height:300px;border:60px solid rgba(216,173,86,.08);border-radius:50%;left:-80px;bottom:-180px}.cta-panel h2{font-size:clamp(2rem,4vw,3.3rem);position:relative;z-index:1}.cta-panel .btn{position:relative;z-index:1;white-space:nowrap}
.site-footer{background:#051510;color:rgba(255,255,255,.55);padding:72px 0 28px;border-top:1px solid rgba(216,173,86,.12)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:3.5rem}.footer-about p{max-width:330px;font-size:.83rem;margin:1.25rem 0}.footer-brand{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;color:#fff;font-weight:500}.footer-brand b{color:var(--ba-accent)}.footer-brand .brand-mark{color:var(--ba-dark)}.footer-column{display:flex;flex-direction:column;align-items:flex-start}.footer-column h3{font-size:.82rem;color:#fff;font-weight:900;margin-bottom:1.2rem}.site-footer a,.footer-column span{color:rgba(255,255,255,.57);text-decoration:none;font-size:.77rem;margin:0 0 .75rem;transition:.2s}.site-footer a:hover{color:var(--ba-accent)}.footer-column span i{color:var(--ba-accent);margin-inline-end:.35rem}.footer-social{display:flex;gap:.55rem}.footer-social a{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.12);border-radius:10px;margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:1.4rem;margin-top:3rem;font-size:.7rem}.footer-status{display:flex;align-items:center;gap:.45rem}.footer-status i{width:7px;height:7px;border-radius:50%;background:#36c787;box-shadow:0 0 0 5px rgba(54,199,135,.1)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.row>[data-reveal]:nth-child(2){transition-delay:.1s}.row>[data-reveal]:nth-child(3){transition-delay:.2s}

.lesson-protection {
    user-select: none;
}

.no-select {
    user-select: none;
}

.watermark-overlay {
    position: absolute;
    z-index: 50;
    color: rgba(255, 255, 255, 0.7);
    pointer-events: none;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    max-width:70%;
    padding:.25rem .5rem;
    background:rgba(0,0,0,.16);
    border-radius:.35rem;
}
.secure-fullscreen{position:absolute;z-index:60;left:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(4,18,14,.78);color:#fff;backdrop-filter:blur(8px)}.secure-fullscreen:hover{background:var(--ba-primary)}#videoContainer:fullscreen{background:#000;display:flex;align-items:center;justify-content:center}#videoContainer:fullscreen iframe{width:100%;height:100%}
.legal-page{max-width:900px;margin:0 auto;padding:65px 0 90px}.legal-page>h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:900}.legal-updated{color:var(--ba-muted)}.legal-card{background:#fff;border:1px solid #e4eae6;border-radius:24px;padding:clamp(1.5rem,4vw,3.5rem);margin-top:2rem;box-shadow:0 18px 55px rgba(17,61,47,.07)}.legal-card h2{font-size:1.25rem;margin:2rem 0 .7rem}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--ba-muted);margin:0}

@media (max-width: 767px) {
    main.container { padding-inline:1rem; }
    .table { min-width:700px; }
    .ba-navbar{padding:.6rem 0}.min-vh-hero{min-height:auto;padding:42px 0 70px}.hero-section h1{font-size:2.65rem}.hero-lead{font-size:.95rem}.hero-visual{max-width:430px;margin:10px auto 20px}.hero-visual img{aspect-ratio:1.25/1}.floating-card{padding:.65rem .75rem}.fc-two{left:0}.fc-one{right:0}.section-space{padding:72px 0}.section-heading{display:block}.section-heading p{margin-top:1rem}.metric{padding:22px 6px}.metric:nth-child(3){border:0}.metric strong{font-size:1.55rem}.feature-grid{grid-template-columns:1fr}.feature-box{min-height:0}.dashboard-mock,html[dir=ltr] .dashboard-mock{transform:none;margin-top:1rem;padding:7px}.mock-body{grid-template-columns:36px 1fr;min-height:360px}.mock-content{padding:.8rem}.mock-stats{grid-template-columns:1fr 1fr}.mock-stats>div:first-child{grid-column:1/-1}.mock-bottom{grid-template-columns:1fr}.mock-greeting h3{font-size:.9rem}.mock-streak{font-size:.55rem}.mock-learning{grid-template-columns:42px 1fr 30px}.mock-course-art{height:42px}.mock-learning b{font-size:.6rem}.journey-grid{grid-template-columns:1fr}.journey-grid:before{display:none}.journey-step{min-height:0}.story-card.story-featured,.story-card.story-featured:hover{transform:none}.cta-panel{padding:2.3rem 1.5rem;display:block}.cta-panel .btn{margin-top:1.2rem}.footer-main{grid-template-columns:1fr 1fr;text-align:start;gap:2rem}.footer-about{grid-column:1/-1}.footer-bottom{display:block;text-align:center}.footer-status{justify-content:center;margin-top:.8rem}
}
@media (min-width:768px) and (max-width:1199px){.journey-grid{grid-template-columns:1fr 1fr}.journey-grid:before{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}

/* Official Barakat Analytics identity */
.ba-navbar{background:rgba(5,12,27,.94)}
.hero-section{background:radial-gradient(circle at 15% 20%,#063d78 0,transparent 38%),linear-gradient(125deg,#030816 0%,#07152c 58%,#020610 100%)}
.trust-bar,.features-section{background:#061126}.features-section:before{border-color:rgba(215,168,76,.14)}
.logo-showcase:before{inset:-3%;border:2px solid rgba(215,168,76,.42);border-radius:50%;transform:none}.logo-showcase img{aspect-ratio:1/1;border-radius:50%;object-position:center;border:4px solid #d7a84c;box-shadow:0 35px 90px rgba(0,0,0,.58)}
.metrics-strip{border-bottom-color:#dfe4ec}.feature-box.featured{background:linear-gradient(145deg,#b77b1f,#f2d27d)}
.step-icon{background:linear-gradient(145deg,#061a39,#0870c9)}.story-card.story-featured,.mock-learning{background:#071a35}.cta-panel{background:linear-gradient(125deg,#075cab,#06152d)}
.site-footer{background:#030916}.footer-brand .brand-mark{width:62px;height:62px;border-radius:50%;background:url('../images/barakat-logo.jpg') center/cover;border:2px solid var(--ba-accent)}.footer-brand .brand-mark i{display:none}
.auth-shell{min-height:65vh;display:grid;place-items:center;padding:3rem 0}.auth-card{width:min(100%,520px);background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 22px 65px rgba(5,30,65,.1)}.auth-card h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.auth-card>p{color:var(--ba-muted)}
.whatsapp-float{position:fixed;z-index:1050;bottom:22px;left:22px;display:flex;align-items:center;gap:.5rem;background:#20b968;color:#fff!important;text-decoration:none;padding:.72rem 1rem;border-radius:99px;box-shadow:0 12px 35px rgba(32,185,104,.32);font-weight:800;font-size:.78rem}.whatsapp-float i{font-size:1.2rem}.notification-list{display:grid;gap:.75rem}.notification-item{display:flex;gap:1rem;background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:1.1rem;text-decoration:none;color:var(--ba-ink)}.notification-item.unread{border-color:#9fcaf0;background:#f1f8ff}.notification-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#e1effb;color:var(--ba-primary)}.notification-item p{margin:.25rem 0;color:var(--ba-muted);font-size:.82rem}.notification-item small{color:#98a2b3;font-size:.68rem}
.course-hero{background:radial-gradient(circle at 10% 10%,#0a4d91,transparent 38%),#030b1a;color:#fff;padding:85px 0}.course-breadcrumb{color:var(--ba-accent);font-weight:800}.course-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);font-weight:900;line-height:1.15;margin:1rem 0}.course-hero p{color:rgba(255,255,255,.66);font-size:1.05rem;max-width:700px}.course-facts{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.8rem;margin:1.6rem 0}.course-facts i{color:var(--ba-accent)}.instructor-inline{display:flex;align-items:center;gap:.75rem}.instructor-inline img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--ba-accent)}.instructor-inline small,.instructor-inline b{display:block}.instructor-inline small{color:rgba(255,255,255,.5);font-size:.65rem}.course-enroll-card{background:#fff;color:var(--ba-ink);border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.35)}.course-enroll-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.enroll-price{font-size:2rem;font-weight:900;color:var(--ba-primary);margin-bottom:1rem}.course-enroll-card ul{list-style:none;padding:0;margin:1.4rem 0 0}.course-enroll-card li{font-size:.8rem;margin:.65rem 0;color:var(--ba-muted)}.course-enroll-card li i{color:var(--ba-primary);margin-inline-end:.5rem}.course-detail-space{padding:85px 0;background:#f5f7fb}.course-info-card,.instructor-card{background:#fff;border:1px solid #e2e7ef;border-radius:22px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 12px 40px rgba(5,33,70,.05)}.course-info-card h2{font-size:1.45rem}.outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.outcomes-grid>div{display:flex;gap:.6rem;font-size:.85rem}.outcomes-grid i{color:#078a5c}.curriculum .accordion-item{border:0;border-bottom:1px solid #e7ebf1}.curriculum .accordion-button{font-weight:900;box-shadow:none;background:#fff}.curriculum .accordion-button small{margin-inline-start:auto;margin-inline-end:1.5rem;color:var(--ba-muted);font-weight:400}.curriculum .list-group-item{font-size:.82rem}.requirements-list{color:var(--ba-muted)}.instructor-card{text-align:center;position:sticky;top:100px}.instructor-card>img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid var(--ba-accent);margin-bottom:1rem}.instructor-card p{color:var(--ba-muted);font-size:.85rem}.instructor-card>div{display:flex;justify-content:center;gap:1rem;font-size:.72rem;color:var(--ba-primary)}.mobile-enroll{display:none}
@media(max-width:767px){.course-hero{padding:50px 0 35px}.course-enroll-card{margin-top:1rem}.course-detail-space{padding:55px 0 100px}.outcomes-grid{grid-template-columns:1fr}.mobile-enroll{display:flex;position:fixed;z-index:1000;bottom:0;right:0;left:0;align-items:center;justify-content:space-between;background:#061126;color:#fff;padding:.75rem 1rem;box-shadow:0 -10px 30px rgba(0,0,0,.2)}.mobile-enroll small,.mobile-enroll b{display:block}.mobile-enroll small{font-size:.6rem;color:rgba(255,255,255,.5)}}
.student-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#041026,#073c74);color:#fff;border-radius:24px;padding:2.2rem;margin-bottom:1.5rem}.student-welcome span{color:var(--ba-accent);font-size:.75rem;font-weight:800}.student-welcome h1{font-weight:900}.student-welcome p{color:rgba(255,255,255,.6);margin:0}.student-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.student-stats>div{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:1rem}.student-stats i{font-size:1.4rem;color:var(--ba-primary)}.student-stats b,.student-stats span{display:block}.student-stats b{font-size:1.35rem}.student-stats span{font-size:.67rem;color:var(--ba-muted)}.continue-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e7ef;border-radius:20px;padding:1.4rem 1.6rem}.continue-card small{color:var(--ba-primary);font-weight:800}.continue-card h2{font-size:1.2rem;margin:.3rem 0}.continue-card p{color:var(--ba-muted);margin:0}.continue-play{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--ba-accent);color:var(--ba-dark);font-size:1.3rem}.section-heading.compact{margin:3rem 0 1.5rem}.student-course{display:grid;grid-template-columns:160px 1fr;gap:1.2rem;background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:1rem;height:100%}.student-course>img{width:100%;height:130px;object-fit:cover;border-radius:12px}.student-course h3{font-size:1rem;font-weight:900}.student-course small{color:var(--ba-primary)}@media(max-width:767px){.student-welcome{display:block}.student-welcome .btn{margin-top:1rem}.student-stats{grid-template-columns:1fr 1fr}.student-course{grid-template-columns:1fr}.student-course>img{height:170px}}
.verify-shell{min-height:70vh;display:grid;place-items:center;padding:4rem 0}.verify-card{width:min(100%,650px);text-align:center;background:#fff;border:1px solid #e2e7ef;border-radius:26px;padding:3rem;box-shadow:0 25px 70px rgba(5,35,75,.1)}.verify-card>img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:3px solid var(--ba-accent)}.verified-mark,.invalid-mark{display:block;font-size:3rem;margin:1rem}.verified-mark{color:#16a66a}.invalid-mark{color:#d94b4b}.verify-card dl{display:grid;grid-template-columns:1fr 1fr;text-align:start;gap:1rem;margin:2rem 0 0}.verify-card dl div{background:#f5f7fb;border-radius:12px;padding:1rem}.verify-card dt{font-size:.65rem;color:var(--ba-muted)}.verify-card dd{margin:0;font-weight:800}@media(max-width:600px){.verify-card{padding:1.5rem}.verify-card dl{grid-template-columns:1fr}}
.about-founder-image{width:min(100%,480px);aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:6px solid var(--ba-accent);box-shadow:0 35px 90px rgba(0,0,0,.45)}
.session-list{display:grid;gap:.8rem}.session-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:1.1rem}.session-item.revoked{opacity:.55}.session-device{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e6f1fb;color:var(--ba-primary);font-size:1.3rem}.session-item p{font-size:.72rem;color:var(--ba-muted);margin:.25rem 0;max-width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item small{font-size:.67rem;color:#98a2b3}@media(max-width:600px){.session-item{grid-template-columns:44px 1fr}.session-item>div:last-child{grid-column:2}}
.pwa-install{position:fixed;left:18px;bottom:18px;z-index:1080;border:0;border-radius:999px;padding:11px 18px;background:#d7ad57;color:#071c17;font-weight:800;box-shadow:0 10px 30px #0005}