:root{
 --navy:#061a43;--navy2:#092d68;--blue:#075fca;--bright:#159cff;--maroon:#8e0b2a;--red:#e21b3c;--ink:#071a3c;--muted:#66758d;--white:#fff;--soft:#f5f8fc;--line:#dfe7f2;
 --grad:linear-gradient(115deg,#061a43 0%,#075fca 52%,#8e0b2a 100%);--grad2:linear-gradient(115deg,#075fca 0%,#159cff 45%,#e21b3c 100%);--shadow:0 18px 55px rgba(6,26,67,.12);--radius:22px
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;letter-spacing:.035em}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1380px,92%);margin:auto}
/* NAVBAR */
.site-header{position:sticky;top:0;z-index:1000;padding:12px 0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.navbar{min-height:78px;background:#fff;border:1px solid #e4e9f1;border-radius:21px;padding:7px 14px 7px 18px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 35px rgba(4,24,58,.09)}
.brand{width:225px;flex:0 0 225px;display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:55px;height:58px;display:grid;place-items:center;overflow:hidden;flex:none}.brand-mark img{width:54px;height:58px;object-fit:contain;object-position:center}.brand-wordmark{display:flex;flex-direction:column;line-height:.9;letter-spacing:.08em}.brand-wordmark small{font-size:7px;font-weight:900;color:var(--navy);margin-left:3px;letter-spacing:.25em}.brand-wordmark strong{font:900 21px/1 Manrope,Inter,sans-serif;color:var(--navy);letter-spacing:.025em}.brand-wordmark strong span{color:var(--red)}.brand-wordmark em{font-style:normal;font-size:7px;font-weight:800;color:var(--blue);letter-spacing:.28em;margin-top:4px}
.nav-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;min-width:0}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a,.drop-btn{display:flex;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;padding:11px 11px;border-radius:999px;font-size:13px;font-weight:750;letter-spacing:.045em;white-space:nowrap;color:#20304b;transition:.25s}.nav-links a:hover,.drop-btn:hover{color:var(--red);background:#f6f8fc}.nav-links .active{background:var(--grad2);color:#fff;box-shadow:0 9px 22px rgba(7,95,202,.24)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:52px;left:0;width:250px;padding:10px;background:#fff;border:1px solid #e4e9f1;border-radius:17px;box-shadow:var(--shadow);display:grid;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{border-radius:10px!important}.nav-actions{display:flex;gap:8px;align-items:center;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 23px;font-weight:850;letter-spacing:.055em;font-size:13px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 7px 18px rgba(6,26,67,.12)}.btn:before{content:"";position:absolute;inset:-80% 45% auto -20%;height:250%;background:rgba(255,255,255,.25);transform:rotate(24deg);transition:.45s}.btn:hover:before{left:110%}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(6,26,67,.2)}.btn-small{padding:10px 18px}.btn-blue,.btn-red{background:var(--grad2);color:#fff}.btn-red{background:linear-gradient(115deg,#7d0825,#e21b3c 58%,#075fca)}.menu-toggle{display:none}
/* HERO */
.hero{height:625px;position:relative;overflow:hidden;background:#061a43}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-image:var(--hero);background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.hero-slide.active{opacity:1;visibility:visible}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,43,.94) 0%,rgba(3,17,43,.80) 34%,rgba(3,17,43,.24) 69%,rgba(3,17,43,.35) 100%)}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{max-width:680px;color:#fff;padding-top:8px}.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:.19em;color:var(--red)}.hero .eyebrow{color:#fff}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(39px,4.2vw,58px);line-height:1.08;letter-spacing:.02em;margin:15px 0 17px;font-weight:850}.hero h1 span,.section-heading h2 span,.cta h2 span{color:#ff3151}.hero-sub{font-size:17px;line-height:1.55;max-width:620px;letter-spacing:.045em;color:#f3f7ff}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips span{padding:7px 12px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:999px;font-size:10px;font-weight:750;letter-spacing:.08em}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.hero-caption{position:absolute;right:5%;bottom:74px;color:#fff;font-family:cursive;font-size:19px;transform:rotate(-4deg);letter-spacing:.04em;text-shadow:0 3px 15px #000}.hero-caption b{color:#ff3151}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(5,23,53,.58);color:#fff;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3;cursor:pointer;transition:.25s}.hero-arrow i{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:18px}.hero-arrow:hover{background:var(--grad2);transform:translateY(-50%) scale(1.08)}.hero-arrow.prev{left:22px}.hero-arrow.next{right:22px}.dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.dot{width:8px;height:8px;border:0;border-radius:50%;background:#fff;opacity:.45;cursor:pointer;transition:.25s}.dot.active{width:28px;border-radius:20px;opacity:1;background:var(--red)}
/* FEATURE STRIP */
.feature-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(6,27,67,.05)}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr)}.feature-item{display:flex;gap:13px;align-items:center;padding:24px 22px;border-right:1px solid var(--line)}.feature-item:last-child{border:0}.feature-icon{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#eaf4ff,#fff);color:var(--blue);display:grid;place-items:center;font-size:19px;font-weight:800;flex:none}.feature-item:nth-child(even) .feature-icon{color:var(--red)}.feature-item b{display:block;font-size:13px;letter-spacing:.07em}.feature-item small{display:block;color:#758197;font-size:10px;letter-spacing:.05em}
/* SECTIONS */
.section{padding:100px 0}.section-heading{text-align:center;max-width:880px;margin:0 auto 60px}.section-heading h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,3.2vw,46px);line-height:1.13;margin:11px 0 13px;letter-spacing:.025em}.section-heading p{color:var(--muted);font-size:15px;letter-spacing:.05em}
/* ECOSYSTEM */
.ecosystem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.eco-card{position:relative;min-height:320px;overflow:hidden;padding:25px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(6,27,67,.05);transition:.35s}.eco-card:hover{transform:translateY(-9px);box-shadow:0 22px 45px rgba(6,27,67,.13);border-color:transparent}.eco-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--blue)}.eco-card.red:after{background:var(--red)}.card-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:21px;font-weight:800;position:relative;z-index:2}.eco-card.red .card-icon{background:#fff0f3;color:var(--red)}.eco-card h3{font-family:Manrope;font-size:21px;margin-top:45px;letter-spacing:.06em;position:relative;z-index:2}.eco-card p{font-size:12px;color:var(--muted);margin-top:10px;position:relative;z-index:2;letter-spacing:.04em}.watermark{position:absolute;right:-14px;bottom:43px;font-family:Manrope;font-size:61px;font-weight:900;letter-spacing:-.06em;color:rgba(7,95,202,.11);transform:rotate(-10deg);pointer-events:none}.red .watermark{color:rgba(169,13,46,.11)}.circle-arrow{position:absolute;bottom:18px;right:18px;width:41px;height:41px;border-radius:50%;background:var(--grad2);color:#fff;display:grid;place-items:center;font-weight:800;z-index:3;transition:.25s}.red .circle-arrow{background:linear-gradient(135deg,#7d0825,#e21b3c,#075fca)}.eco-card:hover .circle-arrow{transform:rotate(45deg) scale(1.08)}
/* PATH */
.path-section{background:var(--soft)}.path-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.path-step{min-height:145px;color:#fff;position:relative;padding:28px 25px;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,9% 50%);margin-left:-8px}.path-step:first-child{margin-left:0}.blue-step{background:linear-gradient(135deg,var(--navy2),var(--blue))}.red-step{background:linear-gradient(135deg,#7e0a24,var(--red))}.path-step b{font-size:12px;letter-spacing:.15em;opacity:.7}.path-step strong{font-size:18px;letter-spacing:.06em;margin-top:3px}.path-step small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.78}
/* PROGRAMS */
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.program-card{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:0 8px 28px rgba(6,27,67,.06);transition:.35s}.program-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(6,27,67,.15)}.program-art{height:205px;position:relative;overflow:hidden;background-image:var(--program-image);background-size:cover;background-position:center;isolation:isolate}.program-art:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(6,26,67,.72),rgba(7,95,202,.18) 50%,rgba(142,11,42,.48));z-index:-1}.program-art span{position:absolute;right:18px;top:14px;color:#fff;font:900 42px Manrope;opacity:.52;z-index:2}.program-overlay-label{position:absolute;left:18px;bottom:15px;color:#fff;font:850 11px Inter;letter-spacing:.2em;z-index:2}.program-body{padding:24px}.program-body small{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.14em}.program-card:nth-child(even) .program-body small{color:var(--red)}.program-body h3{font:850 20px/1.25 Manrope;margin:8px 0;letter-spacing:.035em}.program-body p{font-weight:750;font-size:12px;color:#657289;letter-spacing:.1em}.program-body ul{list-style:none;margin:16px 0 20px;display:grid;gap:6px}.program-body li{font-size:12px;color:#536176}.program-body li:before{content:"✓";color:var(--blue);font-weight:850;margin-right:8px}.program-card:nth-child(even) .program-body li:before{color:var(--red)}.program-body .btn{width:100%;padding:11px}
/* MARKETS */
.markets{background:var(--navy);color:#fff}.section-heading.light h2{color:#fff}.section-heading.light p{color:#b8c7df}.market-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.market-card{min-height:235px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:18px;padding:22px 17px;transition:.3s;position:relative;overflow:hidden}.market-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(21,156,255,.14);border-radius:50%;right:-55px;bottom:-60px;box-shadow:0 0 0 20px rgba(21,156,255,.035),0 0 0 45px rgba(21,156,255,.025)}.market-card:after{content:"";position:absolute;left:-30px;bottom:-30px;width:160px;height:80px;border:1px solid rgba(226,27,60,.13);transform:rotate(-18deg);border-radius:50%}.market-card:hover{transform:translateY(-8px);border-color:rgba(21,156,255,.65);background:linear-gradient(180deg,rgba(7,95,202,.2),rgba(255,255,255,.03))}.market-card i{font-style:normal;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#0d4f9c;color:#fff;font-weight:850;margin-bottom:42px;position:relative;z-index:2}.market-card:nth-child(even) i{background:#a90d2e}.market-card h3{font:750 15px/1.3 Manrope;letter-spacing:.04em;position:relative;z-index:2}.market-card p{font-size:10px;color:#aebdd3;margin-top:7px;position:relative;z-index:2}.market-card h3:after{content:"MARKET";position:absolute;right:-5px;bottom:-4px;font:900 38px Manrope;color:rgba(255,255,255,.035);letter-spacing:-.06em;z-index:-1}
/* ARCHITECTURE */
.architecture{background:#fff}.architecture-board{display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;gap:45px;padding:55px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:var(--shadow);overflow:hidden}.arch-side{display:grid;gap:30px}.arch-side>div{padding-left:20px;border-left:3px solid var(--blue)}.arch-side>div:nth-child(even){border-color:var(--red)}.arch-side b{display:block;color:#8b97a9;font-size:11px;letter-spacing:.12em}.arch-side strong{font:850 21px Manrope;display:block;margin:2px 0}.arch-side p{font-size:12px;color:var(--muted)}.arch-side.right>div{border-left:0;border-right:3px solid var(--blue);padding-left:0;padding-right:20px;text-align:right}.arch-side.right>div:nth-child(even){border-color:var(--red)}.arch-logo{height:290px;display:grid;place-items:center;position:relative}.arch-orbit{position:absolute;width:245px;height:245px;border-radius:50%;border:2px dashed rgba(7,95,202,.4);box-shadow:0 0 0 12px rgba(7,95,202,.035),0 0 55px rgba(7,95,202,.1);animation:spinOrbit 15s linear infinite}.arch-orbit:after{content:"";position:absolute;inset:14px;border:2px solid rgba(226,27,60,.32);border-radius:50%}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px rgba(21,156,255,.7)}.dot-a{top:-6px;left:50%}.dot-b{bottom:22px;right:-5px;background:var(--red);box-shadow:0 0 16px rgba(226,27,60,.7)}.arch-badge{width:165px;height:165px;border-radius:50%;background:linear-gradient(145deg,#fff,#edf5ff);border:5px solid #fff;box-shadow:0 18px 40px rgba(6,26,67,.16),inset 0 0 0 3px #0a4f9e;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;animation:badgeFloat 4s ease-in-out infinite}.arch-badge strong{font:900 83px/.78 Manrope;background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.08em}.arch-badge small{font:900 10px Inter;color:var(--navy);letter-spacing:.18em;margin-top:7px}.arch-badge em{font:800 7px Inter;color:var(--red);font-style:normal;letter-spacing:.28em;margin-left:.2em}.support-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:22px}.support-card{padding:22px;border-radius:17px;border:1px solid var(--line);background:#fff;box-shadow:0 7px 22px rgba(6,27,67,.05);transition:.3s}.support-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.support-card span{display:block;color:var(--red);font:850 12px Manrope;letter-spacing:.1em}.support-card b{display:block;font:750 14px Manrope;margin:8px 0}.support-card small{color:var(--muted);font-size:10px}
/* JOURNEY */
.journey{position:relative;overflow:hidden;background:#061a43;color:#fff}.journey-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 115%,#075fca 0,transparent 34%),linear-gradient(135deg,#061a43,#0b2d68)}.journey-inner{position:relative}.journey-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;position:relative}.journey-grid:before{content:"";position:absolute;left:7%;right:7%;top:57px;height:2px;background:linear-gradient(90deg,var(--red),#fff,var(--blue),#fff,var(--red));opacity:.45}.journey-node{text-align:center;position:relative;z-index:2}.journey-node b{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,255,255,.34);background:#0a2d62;box-shadow:0 0 0 9px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.16);font:800 15px Manrope;transition:.35s}.journey-node b span{font-size:12px;opacity:.62;letter-spacing:.12em}.journey-node b i{font-size:29px;margin-top:7px;color:#fff}.journey-node:nth-child(even) b{background:linear-gradient(145deg,#7e0a24,var(--red));border-color:#ff6680}.journey-node:hover b{transform:translateY(-8px) rotate(4deg);box-shadow:0 0 0 12px rgba(21,156,255,.08),0 18px 35px rgba(0,0,0,.22)}.journey-node strong{display:block;font-size:13px;margin-top:18px;letter-spacing:.05em}.journey-node small{display:block;color:#9fb1cd;font-size:9px;margin-top:4px;letter-spacing:.05em}
/* CTA + FOOTER */
.cta{background:var(--soft)}.cta-inner{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:850 clamp(31px,3.3vw,46px)/1.1 Manrope;margin:10px 0}.cta p{color:var(--muted);max-width:690px;font-size:14px}.footer{background:#041431;color:#dbe6f7;padding:78px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.35fr;gap:42px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:15px}.footer-b{width:58px;height:58px;border-radius:17px;background:var(--grad2);color:#fff;display:grid;place-items:center;font:900 38px Manrope;box-shadow:0 0 0 4px rgba(21,156,255,.12),0 12px 28px rgba(7,95,202,.3)}.footer-logo>div{display:flex;flex-direction:column;line-height:.9}.footer-logo small{font-size:7px;letter-spacing:.25em}.footer-logo strong{font:900 26px Manrope;letter-spacing:.02em}.footer-logo strong span{color:#ff3151}.footer-logo em{font-style:normal;font-size:8px;letter-spacing:.28em;color:#9db3d4;margin-top:4px}.footer-brand p{font-size:12px;line-height:1.8;color:#9eafc8;margin:16px 0;max-width:400px}.socials{display:flex;gap:8px}.socials a{width:35px;height:35px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;transition:.25s}.socials a:hover{background:var(--grad2);border-color:transparent;transform:translateY(-3px)}.footer h4{font:850 13px Manrope;letter-spacing:.1em;color:#fff;margin-bottom:17px}.footer-grid>div:not(.footer-brand):not(.newsletter) a{display:block;color:#9eafc8;font-size:11px;margin:9px 0;transition:.2s}.footer-grid a:hover{color:#fff}.newsletter p{font-size:11px;color:#9eafc8;line-height:1.7;margin-bottom:12px}.newsletter form{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:999px;overflow:hidden}.newsletter input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:11px 14px;font-size:11px}.newsletter button{border:0;background:var(--grad2);color:#fff;width:48px;cursor:pointer}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#778aa7;font-size:9px;letter-spacing:.06em}
/* MOTION */
@keyframes spinOrbit{to{transform:rotate(360deg)}}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(21,156,255,.25)}50%{box-shadow:0 0 0 10px rgba(21,156,255,0)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}.reveal:nth-child(6){transition-delay:.4s}
@media(max-width:1200px){.brand{width:205px;flex-basis:205px}.nav-links a,.drop-btn{font-size:11px;padding:10px 8px}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.site-header{padding:8px 0}.navbar{min-height:68px}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:0;border-radius:12px;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:4px}.menu-toggle span{width:19px;height:2px;background:#fff}.nav-panel{position:absolute;top:82px;left:4%;right:4%;display:none;background:#081732;border:1px solid rgba(21,156,255,0.35);border-radius:18px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-panel.open{display:flex}.nav-links{display:grid;grid-template-columns:1fr 1fr}.nav-links a,.drop-btn{justify-content:flex-start;color:#ffffff}.dropdown-menu{position:static;display:none;width:auto;box-shadow:none;border:0;padding:5px}.dropdown.open .dropdown-menu{display:grid}.nav-actions{justify-content:flex-start;padding-top:8px}.hero{height:650px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-item:nth-child(3){border-right:0}.feature-item:nth-child(n+4){border-top:1px solid var(--line)}.program-grid{grid-template-columns:repeat(2,1fr)}.architecture-board{grid-template-columns:1fr;gap:35px}.arch-side.right>div{border-left:3px solid var(--blue);border-right:0;padding-left:20px;padding-right:0;text-align:left}.support-grid{grid-template-columns:repeat(3,1fr)}.journey-grid{grid-template-columns:repeat(3,1fr);gap:35px}.journey-grid:before{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(94%,560px)}.brand{width:195px;flex-basis:195px}.brand-wordmark strong{font-size:18px}.brand-mark{width:48px}.brand-mark img{width:47px}.hero{height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(4,20,49,.96),rgba(4,20,49,.68))}.hero h1{font-size:38px}.hero-sub{font-size:15px}.hero-caption{display:none}.hero-arrow{width:38px;height:38px}.feature-grid,.ecosystem-grid,.program-grid,.market-grid,.path-grid,.support-grid,.journey-grid{grid-template-columns:1fr}.feature-item{border-right:0;border-bottom:1px solid var(--line)}.section{padding:72px 0}.section-heading{margin-bottom:40px}.path-step{clip-path:none;border-radius:16px;margin:0!important;min-height:110px}.market-card{min-height:175px}.architecture-board{padding:30px 22px}.arch-orbit{width:220px;height:220px}.arch-badge{width:150px;height:150px}.cta-inner{padding:35px 25px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.nav-links{grid-template-columns:1fr}.nav-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== FINAL VISUAL POLISH — BITWISE ACADEMY ===== */
:root{
  --navy:#061d49;
  --blue:#075fc7;
  --bright:#159cff;
  --maroon:#8f0b2a;
  --red:#d9173d;
  --soft:#f5f8fd;
}
body{font-size:15px;letter-spacing:.025em}
.container{width:min(93%,1440px)}
.site-header{padding:10px 0;background:rgba(255,255,255,.98);border-bottom:1px solid #e9edf4;box-shadow:0 5px 24px rgba(6,29,73,.06)}
.navbar{min-height:84px;gap:20px}
.brand{width:auto;flex:0 0 auto;height:72px;display:flex;align-items:center;justify-content:flex-start}
.navbar-logo{height:68px;width:auto;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 5px 10px rgba(6,29,73,.13));transition:.35s}
.navbar-logo:hover{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 8px 16px rgba(7,95,199,.2))}
.nav-panel{gap:18px}
.nav-links{gap:8px}
.nav-links a,.drop-btn{font-size:14.5px;padding:9px 18px;letter-spacing:.02em}
.nav-actions{gap:10px}
.btn{font-size:14px;padding:13px 24px;letter-spacing:.065em}
.btn-small{padding:11px 20px;font-size:13px}
.btn-blue{background:linear-gradient(115deg,#041a43 0%,#063d83 48%,#075fc7 100%)}
.btn-red{background:linear-gradient(115deg,#65071e 0%,#8f0b2a 48%,#d9173d 100%)}
.btn-outline{background:rgba(255,255,255,0.08);color:#ffffff;border:1.5px solid rgba(255,255,255,0.45);backdrop-filter:blur(6px);transition:all .3s ease}
.btn-outline:hover{background:#ffffff;color:#061d49;border-color:#ffffff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,0.25)}
.btn-outline:after{display:none}
.btn-blue:after,.btn-red:after{content:"";position:absolute;top:-80%;left:-30%;width:30%;height:260%;background:rgba(255,255,255,.28);transform:rotate(22deg);animation:buttonShine 4.5s ease-in-out infinite}
@keyframes buttonShine{0%,55%{left:-35%}72%,100%{left:125%}}

.hero{height:590px;min-height:590px}
.hero-slide{background-size:cover;background-repeat:no-repeat}
.hero-slide:nth-child(1){background-position:58% center}
.hero-slide:nth-child(2){background-position:56% center}
.hero-slide:nth-child(3){background-position:57% center}
.hero-overlay{background:linear-gradient(90deg,rgba(3,17,43,.96) 0%,rgba(3,17,43,.84) 31%,rgba(3,17,43,.42) 60%,rgba(3,17,43,.16) 100%)}
.hero-copy{max-width:720px}
.hero h1{font-size:clamp(43px,4.5vw,64px);letter-spacing:.028em}
.hero-sub{font-size:18px;letter-spacing:.055em}
.chips span{font-size:11px;padding:8px 13px}
.hero-caption{font-size:21px;bottom:65px}
.hero-arrow{width:52px;height:52px}

.section{padding:96px 0}
.section-heading{margin-bottom:58px}
.section-heading h2{font-size:clamp(34px,3.6vw,51px);letter-spacing:.025em;line-height:1.12}
.section-heading p{font-size:15px;letter-spacing:.045em}
.kicker,.eyebrow{font-size:13px;letter-spacing:.21em}

.ecosystem-grid{gap:20px}
.eco-card{min-height:280px;padding:30px 26px;border-radius:23px}
.eco-card h3{font-size:24px;letter-spacing:.055em}
.eco-card p{font-size:13px;line-height:1.7;letter-spacing:.035em}
.eco-card .watermark{font-size:60px;letter-spacing:-.04em}
.card-icon{width:53px;height:53px;font-size:21px}

.path-grid{gap:0}
.path-step{min-height:128px;padding:26px 20px}
.path-step b{font-size:28px}.path-step strong{font-size:16px;letter-spacing:.065em}.path-step small{font-size:11px}

.program-grid{grid-template-columns:repeat(3,1fr);gap:25px}
.program-card{border-radius:24px}
.program-art{height:225px;background-size:cover;background-position:center}
.program-art:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(6,29,73,.15),rgba(6,29,73,.02) 50%,rgba(143,11,42,.25));z-index:0}
.program-art span{font-size:48px}
.program-body{padding:27px}
.program-body h3{font-size:22px;letter-spacing:.045em}
.program-body p,.program-body li{font-size:13px;letter-spacing:.035em}
.program-body .btn{font-size:13px}

.markets{padding:105px 0}
.market-grid{gap:16px}
.market-card{min-height:250px;padding:24px 19px}
.market-card:before{width:190px;height:190px;opacity:.9}
.market-card:after{width:210px;height:110px}
.market-card i{width:50px;height:50px;font-size:18px}
.market-card h3{font-size:17px;letter-spacing:.055em}
.market-card p{font-size:11px;letter-spacing:.035em}
.market-card h3:after{font-size:43px}

.architecture-board{grid-template-columns:1fr 360px 1fr;gap:55px;padding:60px 65px}
.arch-logo{height:340px}
.arch-orbit{width:300px;height:300px;border:2px dashed rgba(7,95,202,.48);animation:spinOrbit 12s linear infinite}
.arch-orbit:after{inset:18px;border-width:2px}
.arch-badge{width:220px;height:220px;background:rgba(255,255,255,.92);border:6px solid #fff;box-shadow:0 0 0 5px rgba(7,95,202,.12),0 25px 60px rgba(6,26,67,.2);animation:badgeFloat 4s ease-in-out infinite,logoPulse 3.5s ease-in-out infinite;overflow:hidden}
.arch-badge img{width:205px;height:205px;object-fit:contain;display:block}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(7,95,202,0))}50%{filter:drop-shadow(0 0 22px rgba(7,95,202,.28))}}
.arch-side strong{font-size:23px;letter-spacing:.045em}.arch-side p{font-size:13px;letter-spacing:.035em}
.support-card{padding:25px}.support-card b{font-size:15px;letter-spacing:.04em}.support-card small{font-size:11px}

.journey{padding:105px 0}
.journey-grid{gap:18px}
.journey-node b{width:125px;height:125px}
.journey-node b span{font-size:14px}
.journey-node b i{font-size:31px}
.journey-node strong{font-size:15px;letter-spacing:.065em}.journey-node small{font-size:10px;letter-spacing:.04em}

.cta-inner{padding:62px 72px}.cta h2{font-size:clamp(36px,3.6vw,52px);letter-spacing:.025em}.cta p{font-size:15px}

.footer{padding:88px 0 28px}
.footer-grid{gap:48px}
.footer-logo{width:205px;height:145px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,243,255,.98));padding:7px;box-shadow:0 0 0 2px rgba(21,156,255,.5),0 0 30px rgba(21,156,255,.18);overflow:hidden;transition:.35s}
.footer-logo:hover{transform:translateY(-4px);box-shadow:0 0 0 2px rgba(217,23,61,.65),0 0 38px rgba(217,23,61,.22)}
.footer-logo img{width:100%;height:100%;object-fit:contain}
.footer-brand p{font-size:13px;letter-spacing:.035em}
.footer h4{font-size:14px}.footer-grid>div:not(.footer-brand):not(.newsletter) a{font-size:12px;letter-spacing:.035em}.newsletter p{font-size:12px}
.footer-bottom{font-size:10px}

@media(max-width:1200px){.brand{width:190px;flex-basis:190px}.navbar-logo{width:175px}.nav-links{gap:2px}.nav-links a,.drop-btn{font-size:12px;padding:10px 8px}.architecture-board{grid-template-columns:1fr 300px 1fr}.program-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.brand{width:205px;flex-basis:205px}.navbar-logo{width:185px}.hero{height:640px}.architecture-board{grid-template-columns:1fr;gap:30px}.arch-logo{order:-1}.arch-side.right>div{border-left:3px solid var(--blue);border-right:0;padding-left:20px;padding-right:0;text-align:left}}
@media(max-width:640px){.brand{width:180px;flex-basis:180px}.navbar-logo{width:165px;height:58px}.hero{height:700px}.hero h1{font-size:39px}.section{padding:78px 0}.section-heading h2{font-size:32px}.program-grid{grid-template-columns:1fr}.program-art{height:215px}.markets{padding:80px 0}.arch-badge{width:175px;height:175px}.arch-badge img{width:165px;height:165px}.arch-orbit{width:235px;height:235px}.footer-logo{width:190px;height:135px}}


/* ===== ELEGANT BRANDING POLISH ===== */
.brand{width:228px;flex:0 0 228px;height:66px;gap:11px;align-items:center;padding:3px 8px 3px 5px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96));box-shadow:0 8px 24px rgba(6,29,73,.08),inset 0 0 0 1px rgba(7,95,199,.08)}
.brand:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#075fc7,#159cff,#8f0b2a,#d9173d);opacity:.9}
.brand-icon{width:52px;height:58px;display:grid;place-items:center;flex:none;position:relative;z-index:1}
.brand-icon:before{content:"";position:absolute;width:45px;height:45px;border-radius:14px;background:radial-gradient(circle,rgba(21,156,255,.16),rgba(255,255,255,0) 70%);filter:blur(2px)}
.brand-icon img{width:50px;height:56px;object-fit:contain;display:block;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(6,29,73,.16));transition:.35s}
.brand:hover .brand-icon img{transform:translateY(-2px) scale(1.045);filter:drop-shadow(0 7px 12px rgba(7,95,199,.22))}
.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1;min-width:0;position:relative;z-index:1}
.brand-text strong{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:900;letter-spacing:.025em;color:#061d49;white-space:nowrap}
.brand-text strong b{font-weight:950;background:linear-gradient(90deg,#061d49 15%,#075fc7 48%,#d9173d 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text small{font-family:Manrope,Inter,sans-serif;font-size:10px;font-weight:900;letter-spacing:.42em;color:#075fc7;margin-top:6px;padding-left:1px}
.footer-logo{width:220px;height:170px;border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,1),rgba(235,243,255,.96));padding:8px;box-shadow:0 0 0 2px rgba(21,156,255,.55),0 0 0 7px rgba(21,156,255,.08),0 20px 50px rgba(0,0,0,.2);position:relative;overflow:hidden}
.footer-logo:after{content:"";position:absolute;inset:8px;border-radius:24px;border:1px solid rgba(217,23,61,.32);pointer-events:none}
.footer-logo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(6,29,73,.14));transition:.4s}
.footer-logo:hover img{transform:scale(1.035);filter:drop-shadow(0 10px 18px rgba(7,95,199,.22))}
.footer-logo:hover{box-shadow:0 0 0 2px rgba(217,23,61,.72),0 0 0 7px rgba(217,23,61,.08),0 24px 55px rgba(0,0,0,.24)}
@media(max-width:1200px){.brand{width:205px;flex-basis:205px}.brand-text strong{font-size:15px}.brand-text small{font-size:9px}.brand-icon{width:48px}.brand-icon img{width:46px}}
@media(max-width:980px){.brand{width:210px;flex-basis:210px}.brand-text strong{font-size:16px}.brand-icon{width:50px}.brand-icon img{width:48px}}
@media(max-width:640px){.brand{width:188px;flex-basis:188px;height:60px}.brand-icon{width:43px;height:52px}.brand-icon img{width:42px;height:49px}.brand-text strong{font-size:13px}.brand-text small{font-size:8px;letter-spacing:.32em}.footer-logo{width:200px;height:155px}}


/* ===== FINAL ROUND LOGO MOTION POLISH =====
   Inspired by the clean, prominent academy-brand treatment seen on modern trading academy headers. */
.brand{
  width:220px;
  flex:0 0 220px;
  height:68px;
  padding:2px 8px 2px 4px;
  gap:10px;
  background:#fff;
  border-radius:18px;
  box-shadow:0 9px 26px rgba(6,29,73,.08), inset 0 0 0 1px rgba(7,95,199,.07);
}
.brand-round-logo{
  width:62px;
  height:62px;
  flex:0 0 62px;
  display:grid;
  place-items:center;
  overflow:visible;
  position:relative;
}
.brand-round-logo:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  background:conic-gradient(from 20deg,rgba(7,95,199,.18),rgba(21,156,255,.04),rgba(217,23,61,.18),rgba(7,95,199,.18));
  filter:blur(5px);
  animation:brandAura 5s ease-in-out infinite;
}
.brand-round-logo img{
  position:relative;
  z-index:1;
  width:62px;
  height:62px;
  object-fit:contain;
  display:block;
  transform-origin:center;
  animation:brandLogoSpin 24s linear infinite;
  filter:drop-shadow(0 5px 10px rgba(6,29,73,.16));
}
.brand:hover .brand-round-logo img{animation-duration:12s;filter:drop-shadow(0 8px 16px rgba(7,95,199,.25))}
.brand-text strong{font-size:16px}
.brand-text small{font-size:9px;letter-spacing:.39em}

/* The actual round logo rotates; no rectangular logo card is used. */
.footer-logo{
  width:185px;
  height:185px;
  padding:0;
  margin:0 0 18px;
  border-radius:50%;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
  display:grid;
  place-items:center;
  position:relative;
}
.footer-logo:before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(21,156,255,.28);
  box-shadow:0 0 0 7px rgba(21,156,255,.035),0 0 30px rgba(21,156,255,.12);
  animation:footerRing 8s ease-in-out infinite;
}
.footer-logo:after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid transparent;
  border-top-color:rgba(226,27,60,.65);
  border-right-color:rgba(21,156,255,.45);
  animation:footerOrbit 10s linear infinite;
  pointer-events:none;
}
.footer-logo img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transform-origin:center;
  animation:footerLogoSpin 26s linear infinite;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.28));
  transition:filter .35s ease,transform .35s ease;
}
.footer-logo:hover img{animation-duration:13s;filter:drop-shadow(0 12px 24px rgba(21,156,255,.28))}

/* Keep the education-architecture emblem consistent with the rotating round-logo language. */
.arch-badge img{
  transform-origin:center;
  animation:archLogoSpin 30s linear infinite;
}

@keyframes brandLogoSpin{to{transform:rotate(360deg)}}
@keyframes footerLogoSpin{to{transform:rotate(360deg)}}
@keyframes archLogoSpin{to{transform:rotate(360deg)}}
@keyframes brandAura{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes footerRing{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}
@keyframes footerOrbit{to{transform:rotate(360deg)}}

@media(max-width:1200px){
  .brand{width:205px;flex-basis:205px}
  .brand-round-logo,.brand-round-logo img{width:58px;height:58px}
  .brand-round-logo{flex-basis:58px}
}
@media(max-width:980px){
  .brand{width:210px;flex-basis:210px;height:64px}
  .brand-round-logo,.brand-round-logo img{width:56px;height:56px}
  .brand-round-logo{flex-basis:56px}
}
@media(max-width:640px){
  .brand{width:185px;flex-basis:185px;height:58px;padding-left:2px}
  .brand-round-logo,.brand-round-logo img{width:50px;height:50px}
  .brand-round-logo{flex-basis:50px}
  .brand-text strong{font-size:13px}
  .brand-text small{font-size:8px;letter-spacing:.31em}
  .footer-logo{width:165px;height:165px}
}

/* ===== FINAL LOGO TREATMENT — STATIC HEADER/FOOTER + ORIGINAL ARCHITECTURE EMBLEM ===== */
/* Header: the supplied full round Bitwise logo stays completely inside the navbar,
   with no card/box and no rotation. */
.navbar .brand{
  width:96px;
  flex:0 0 96px;
  height:68px;
  padding:0;
  margin:0 8px 0 2px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.navbar .brand:after{display:none}
.navbar .brand-round-logo{
  width:66px;
  height:66px;
  flex:0 0 66px;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:50%;
  background:transparent;
  box-shadow:0 7px 22px rgba(6,29,73,.12),0 0 0 1px rgba(7,95,199,.10);
  transition:transform .35s ease,filter .35s ease,box-shadow .35s ease;
}
.navbar .brand-round-logo:before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  background:conic-gradient(from 215deg,#061d49 0 34%,#075fc7 47%,#159cff 55%,#8f0b2a 72%,#d9173d 88%,#061d49 100%);
  z-index:-1;
  opacity:.95;
}
.navbar .brand-round-logo:after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  background:#fff;
  z-index:-1;
}
.navbar .brand-round-logo img{
  width:66px;
  height:66px;
  object-fit:contain;
  display:block;
  transform:none !important;
  animation:none !important;
  filter:drop-shadow(0 4px 8px rgba(6,29,73,.14));
}
.navbar .brand:hover .brand-round-logo{
  transform:translateY(-2px) scale(1.035);
  filter:drop-shadow(0 7px 15px rgba(7,95,199,.18));
  box-shadow:0 10px 28px rgba(6,29,73,.16),0 0 0 1px rgba(217,23,61,.16);
}
.navbar .brand-text{display:none}

/* Footer: full supplied round logo, no rectangular card and no rotation. */
.footer .footer-logo{
  width:172px;
  height:172px;
  padding:0;
  margin:0 0 18px 0;
  border-radius:50%;
  background:transparent;
  box-shadow:0 16px 45px rgba(0,0,0,.24),0 0 0 2px rgba(21,156,255,.48),0 0 28px rgba(21,156,255,.16);
  position:relative;
  overflow:visible;
  display:grid;
  place-items:center;
  transition:transform .35s ease,box-shadow .35s ease,filter .35s ease;
}
.footer .footer-logo:before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  background:conic-gradient(from 215deg,#075fc7,#159cff,#061d49,#8f0b2a,#d9173d,#075fc7);
  z-index:0;
  opacity:.95;
}
.footer .footer-logo:after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  background:#fff;
  border:0;
  z-index:0;
}
.footer .footer-logo img{
  position:relative;
  z-index:1;
  width:172px;
  height:172px;
  object-fit:contain;
  transform:none !important;
  animation:none !important;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.16));
}
.footer .footer-logo:hover{
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 22px 52px rgba(0,0,0,.30),0 0 0 2px rgba(217,23,61,.65),0 0 34px rgba(217,23,61,.18);
}

/* Education Architecture: restore the earlier compact B emblem model and keep the
   rotating circular treatment here only. The supplied full logo is not used here. */
.arch-logo .arch-badge{
  width:180px;
  height:180px;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#edf5ff);
  border:5px solid #fff;
  box-shadow:0 0 0 3px rgba(7,95,202,.16),0 20px 48px rgba(6,26,67,.18),inset 0 0 0 2px rgba(217,23,61,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:2;
  overflow:visible;
  animation:architectureBadgeSpin 18s linear infinite;
}
.arch-logo .arch-badge img{display:none !important}
.arch-logo .arch-badge:before{
  content:"B";
  position:absolute;
  inset:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font:900 94px/.78 Manrope,Inter,sans-serif;
  letter-spacing:-.10em;
  padding-right:8px;
  background:linear-gradient(135deg,#061d49 16%,#075fc7 45%,#159cff 58%,#8f0b2a 77%,#d9173d 94%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  border:1px solid rgba(7,95,199,.14);
  box-shadow:inset 0 0 28px rgba(7,95,199,.05);
}
.arch-logo .arch-badge:after{
  content:"BITWISE  •  ACADEMY";
  position:absolute;
  bottom:29px;
  left:0;
  right:0;
  text-align:center;
  font:900 8px/1 Manrope,Inter,sans-serif;
  letter-spacing:.19em;
  color:#061d49;
}
@keyframes architectureBadgeSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.arch-logo .arch-orbit{animation:spinOrbit 14s linear infinite}

@media(max-width:1200px){
  .navbar .brand{width:88px;flex-basis:88px}
  .navbar .brand-round-logo,.navbar .brand-round-logo img{width:60px;height:60px}
  .footer .footer-logo,.footer .footer-logo img{width:160px;height:160px}
}
@media(max-width:980px){
  .navbar .brand{width:84px;flex-basis:84px;height:62px}
  .navbar .brand-round-logo,.navbar .brand-round-logo img{width:58px;height:58px}
}
@media(max-width:640px){
  .navbar .brand{width:76px;flex-basis:76px;height:58px;margin-right:2px}
  .navbar .brand-round-logo,.navbar .brand-round-logo img{width:52px;height:52px}
  .footer .footer-logo,.footer .footer-logo img{width:150px;height:150px}
  .arch-logo .arch-badge{width:165px;height:165px}
  .arch-logo .arch-badge:before{font-size:86px}
}

/* FINAL MICRO-POLISH: larger navbar logo + static architecture logo with rotating outer ring only */
.navbar .brand-round-logo,
.navbar .brand-round-logo img{
  width:72px;
  height:72px;
}
.navbar .brand-round-logo{
  flex:0 0 72px;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.navbar .brand-round-logo:before{animation:none;}
.navbar .brand-round-logo:after{display:none;}
.navbar .brand-round-logo img{
  object-fit:contain;
  animation:none !important;
  transform:none !important;
  filter:drop-shadow(0 6px 14px rgba(6,29,73,.18));
}
.navbar .brand:hover .brand-round-logo img{
  animation:none !important;
  transform:scale(1.025) !important;
}

/* Education Architecture: keep the Bitwise logo completely still; rotate only its outer orbit/ring. */
.arch-badge,
.arch-badge img{
  animation:none !important;
  transform:none !important;
}
.arch-orbit{
  animation:spinOrbit 12s linear infinite !important;
}
.arch-orbit:after{
  animation:none !important;
}
.arch-badge img{
  object-fit:contain;
  filter:drop-shadow(0 7px 15px rgba(6,29,73,.14));
}

@media(max-width:1200px){
  .navbar .brand-round-logo,
  .navbar .brand-round-logo img{width:68px;height:68px}
  .navbar .brand-round-logo{flex-basis:68px}
}
@media(max-width:640px){
  .navbar .brand-round-logo,
  .navbar .brand-round-logo img{width:58px;height:58px}
  .navbar .brand-round-logo{flex-basis:58px}
}


/* ===== FINAL USER REQUEST: clean navbar wordmark + static architecture logo + smaller footer ===== */
.navbar .brand{
  width:205px !important;
  flex:0 0 205px !important;
  height:66px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
}
.navbar .brand:after{display:none !important}
.navbar .navbar-wordmark{
  width:194px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  filter:drop-shadow(0 5px 10px rgba(6,29,73,.14)) !important;
  transition:transform .3s ease,filter .3s ease !important;
}
.navbar .brand:hover .navbar-wordmark{
  transform:translateY(-2px) scale(1.025) !important;
  filter:drop-shadow(0 8px 16px rgba(7,95,199,.2)) !important;
}

/* Education Architecture: supplied round logo sits still; ONLY the outer ring/orbit rotates. */
.arch-logo{
  position:relative !important;
  width:320px !important;
  height:320px !important;
  display:grid !important;
  place-items:center !important;
}
.arch-logo .arch-badge{
  width:218px !important;
  height:218px !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  animation:none !important;
  position:relative !important;
  z-index:3 !important;
}
.arch-logo .arch-badge img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  animation:none !important;
  transform:none !important;
  filter:drop-shadow(0 12px 22px rgba(6,29,73,.18)) !important;
}
.arch-logo .arch-badge:before,
.arch-logo .arch-badge:after{display:none !important}
.arch-logo .arch-orbit{
  position:absolute !important;
  inset:17px !important;
  width:auto !important;
  height:auto !important;
  border:3px solid transparent !important;
  border-radius:50% !important;
  background:conic-gradient(from 20deg,#075fc7 0 25%,transparent 25% 48%,#d9173d 48% 73%,transparent 73% 100%) border-box !important;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  animation:architectureOuterRing 12s linear infinite !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.arch-logo .arch-orbit:before,
.arch-logo .arch-orbit:after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
.arch-logo .arch-orbit:before{
  inset:-9px !important;
  border:1px solid rgba(7,95,199,.28) !important;
}
.arch-logo .arch-orbit:after{
  inset:9px !important;
  border:1px solid rgba(217,23,61,.24) !important;
}
.arch-logo .orbit-dot{z-index:4 !important;box-shadow:0 0 14px currentColor !important}
@keyframes architectureOuterRing{to{transform:rotate(360deg)}}

/* Footer: smaller, clean round logo with no rectangular box/card and no rotation. */
.footer .footer-logo{
  width:145px !important;
  height:145px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
}
.footer .footer-logo:before,
.footer .footer-logo:after{display:none !important}
.footer .footer-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  animation:none !important;
  transform:none !important;
  filter:drop-shadow(0 8px 18px rgba(21,156,255,.18)) !important;
}
.footer .footer-logo:hover img{transform:scale(1.025) !important}

@media(max-width:1200px){
  .navbar .brand{width:190px !important;flex-basis:190px !important}
  .navbar .navbar-wordmark{width:178px !important}
  .arch-logo{width:290px !important;height:290px !important}
  .arch-logo .arch-badge{width:198px !important;height:198px !important}
}
@media(max-width:980px){
  .navbar .brand{width:185px !important;flex-basis:185px !important}
  .navbar .navbar-wordmark{width:172px !important}
  .arch-logo{width:270px !important;height:270px !important}
  .arch-logo .arch-badge{width:185px !important;height:185px !important}
}
@media(max-width:640px){
  .navbar .brand{width:165px !important;flex-basis:165px !important;height:58px !important}
  .navbar .navbar-wordmark{width:155px !important;max-height:52px !important}
  .footer .footer-logo{width:125px !important;height:125px !important}
  .arch-logo{width:235px !important;height:235px !important}
  .arch-logo .arch-badge{width:160px !important;height:160px !important}
}

/* ===== FINAL CLIENT UPDATE: VISUAL PATH + REAL FINANCE IMAGES + PROFESSIONAL ARCHITECTURE ===== */
.navbar .navbar-wordmark{width:205px !important;max-width:205px !important;height:auto !important;max-height:58px !important;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(6,29,73,.14));transition:transform .3s ease,filter .3s ease}
.navbar .brand:hover .navbar-wordmark{transform:scale(1.035);filter:drop-shadow(0 7px 14px rgba(7,95,199,.2))}
.brand{width:235px !important;flex-basis:235px !important;background:#fff !important;border-radius:14px !important;box-shadow:none !important;padding:3px 4px !important}
.brand:after{display:none !important}

/* Learning path: photographic watermark cards */
.visual-path-grid{display:grid !important;grid-template-columns:repeat(5,1fr);gap:16px !important}
.path-card{position:relative;min-height:275px;overflow:hidden;border-radius:22px;background:#071a3c;border:1px solid rgba(7,95,202,.18);box-shadow:0 12px 30px rgba(6,26,67,.12);isolation:isolate;transition:.35s}
.path-card:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--bright),var(--red));z-index:4}
.path-card:hover{transform:translateY(-9px);box-shadow:0 24px 50px rgba(6,26,67,.2)}
.path-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(3,17,43,.08),rgba(3,17,43,.45) 45%,rgba(3,17,43,.94)),var(--path-img);background-size:cover;background-position:center;z-index:-2;transition:transform .6s ease,filter .4s ease}
.path-card:hover .path-photo{transform:scale(1.07);filter:saturate(1.08)}
.path-watermark{position:absolute;right:-8px;top:-18px;font:900 105px/1 Manrope;color:rgba(255,255,255,.11);letter-spacing:-.08em;z-index:-1}
.path-content{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;z-index:3}
.path-content>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#ff526d}
.path-content h3{font:850 22px/1.12 Manrope;margin:7px 0;letter-spacing:.035em}
.path-content p{font-size:11px;line-height:1.55;color:#e6eef9;letter-spacing:.025em}

/* Featured programs: real photographic images, never the illustrated SVGs */
.program-art{background-image:var(--program-image) !important;background-position:center !important;background-size:cover !important}
.program-art:after{background:linear-gradient(125deg,rgba(6,26,67,.78),rgba(7,95,202,.12) 52%,rgba(142,11,42,.58)) !important}

/* Financial markets: relevant photographic tiles + watermark letters */
.visual-market-grid{grid-template-columns:repeat(7,1fr) !important}
.market-card.image-market{min-height:255px;padding:0 17px 20px !important;background:#061a43 !important;border:1px solid rgba(255,255,255,.14);overflow:hidden}
.market-photo{height:122px;margin:0 -17px 18px;background-image:linear-gradient(180deg,rgba(4,20,49,.06),rgba(4,20,49,.68)),var(--market-img);background-size:cover;background-position:center;transition:transform .55s ease;position:relative}
.market-card:hover .market-photo{transform:scale(1.05)}
.market-watermark{position:absolute;right:8px;top:85px;font:900 64px/1 Manrope;color:rgba(255,255,255,.11);z-index:1;letter-spacing:-.07em}
.market-card.image-market i{margin:0 0 13px;width:45px;height:45px;position:relative;z-index:3}
.market-card.image-market h3{font-size:15px;line-height:1.3}
.market-card.image-market p{font-size:10px;line-height:1.55}

/* Education architecture: five professional milestone models around the still logo */
.architecture-pro{position:relative;display:grid !important;grid-template-columns:1fr 1fr 360px 1fr 1fr !important;grid-template-rows:1fr 1fr;align-items:center;gap:22px !important;padding:48px 45px !important;min-height:390px}
.architecture-step{min-height:112px;padding:18px 17px;border:1px solid rgba(7,95,202,.18);border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 10px 28px rgba(6,26,67,.08);display:grid;grid-template-columns:42px 42px 1fr;align-items:center;gap:10px;position:relative;overflow:hidden;transition:.35s}
.architecture-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.architecture-step:nth-child(2n):before,.architecture-step.step-4:before{background:var(--red)}
.architecture-step:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(6,26,67,.15)}
.architecture-step span{font:900 12px Manrope;color:#8d9ab0;letter-spacing:.08em}
.architecture-step i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:17px}
.architecture-step:nth-child(2n) i,.architecture-step.step-4 i{background:#fff0f3;color:var(--red)}
.architecture-step strong{display:block;font:850 17px Manrope;letter-spacing:.03em;color:var(--navy)}
.architecture-step small{display:block;margin-top:4px;color:#6b7890;font-size:9px;line-height:1.4;letter-spacing:.02em}
.architecture-step.step-1{grid-column:1;grid-row:1}.architecture-step.step-2{grid-column:1;grid-row:2}.architecture-step.step-3{grid-column:2;grid-row:1}.architecture-step.step-4{grid-column:4;grid-row:1}.architecture-step.step-5{grid-column:5;grid-row:2}
.architecture-pro .arch-logo{grid-column:3;grid-row:1 / span 2;height:300px !important}
.architecture-pro .arch-orbit{width:285px !important;height:285px !important;animation:spinOrbit 12s linear infinite !important}
.architecture-pro .arch-badge{width:205px !important;height:205px !important;animation:none !important}
.architecture-pro .arch-badge img{width:194px !important;height:194px !important;object-fit:contain}

/* Footer: clean wordmark, no round box */
.footer .footer-logo{width:225px !important;height:auto !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important}
.footer .footer-logo:before,.footer .footer-logo:after{display:none !important}
.footer .footer-logo img{width:225px !important;height:auto !important;object-fit:contain !important;filter:drop-shadow(0 7px 15px rgba(7,95,199,.18)) !important;animation:none !important}
.footer .footer-logo:hover{transform:none !important;box-shadow:none !important}

@media(max-width:1200px){
 .navbar .navbar-wordmark{width:190px !important;max-width:190px !important}
 .brand{width:215px !important;flex-basis:215px !important}
 .visual-path-grid{grid-template-columns:repeat(3,1fr) !important}
 .visual-market-grid{grid-template-columns:repeat(4,1fr) !important}
 .architecture-pro{grid-template-columns:1fr 1fr 300px 1fr 1fr !important;padding:35px 25px !important}
}
@media(max-width:980px){
 .navbar .navbar-wordmark{width:185px !important;max-width:185px !important}
 .brand{width:205px !important;flex-basis:205px !important}
 .visual-path-grid,.visual-market-grid{grid-template-columns:repeat(2,1fr) !important}
 .architecture-pro{grid-template-columns:1fr !important;grid-template-rows:auto !important}
 .architecture-step{grid-column:auto !important;grid-row:auto !important}
 .architecture-pro .arch-logo{grid-column:auto;grid-row:auto;order:-1}
}
@media(max-width:640px){
 .navbar .navbar-wordmark{width:175px !important;max-width:175px !important;max-height:52px !important}
 .brand{width:190px !important;flex-basis:190px !important}
 .visual-path-grid,.visual-market-grid{grid-template-columns:1fr !important}
 .path-card{min-height:245px}
 .market-card.image-market{min-height:245px}
 .architecture-pro .arch-orbit{width:235px !important;height:235px !important}
 .architecture-pro .arch-badge{width:170px !important;height:170px !important}
 .architecture-pro .arch-badge img{width:160px !important;height:160px !important}
 .footer .footer-logo,.footer .footer-logo img{width:185px !important}
}

/* ===== FINAL CLIENT UPDATE: VISUAL PATH + REAL FINANCE IMAGES + PROFESSIONAL ARCHITECTURE ===== */
.navbar .navbar-wordmark{width:205px !important;max-width:205px !important;height:auto !important;max-height:58px !important;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(6,29,73,.14));transition:transform .3s ease,filter .3s ease}
.navbar .brand:hover .navbar-wordmark{transform:scale(1.035);filter:drop-shadow(0 7px 14px rgba(7,95,199,.2))}
.brand{width:235px !important;flex-basis:235px !important;background:#fff !important;border-radius:14px !important;box-shadow:none !important;padding:3px 4px !important}
.brand:after{display:none !important}
.visual-path-grid{display:grid !important;grid-template-columns:repeat(5,1fr);gap:16px !important}
.path-card{position:relative;min-height:275px;overflow:hidden;border-radius:22px;background:#071a3c;border:1px solid rgba(7,95,202,.18);box-shadow:0 12px 30px rgba(6,26,67,.12);isolation:isolate;transition:.35s}
.path-card:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--bright),var(--red));z-index:4}
.path-card:hover{transform:translateY(-9px);box-shadow:0 24px 50px rgba(6,26,67,.2)}
.path-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(3,17,43,.08),rgba(3,17,43,.45) 45%,rgba(3,17,43,.94)),var(--path-img);background-size:cover;background-position:center;z-index:-2;transition:transform .6s ease,filter .4s ease}
.path-card:hover .path-photo{transform:scale(1.07);filter:saturate(1.08)}
.path-watermark{position:absolute;right:-8px;top:-18px;font:900 105px/1 Manrope;color:rgba(255,255,255,.11);letter-spacing:-.08em;z-index:-1}
.path-content{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;z-index:3}
.path-content>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#ff526d}
.path-content h3{font:850 22px/1.12 Manrope;margin:7px 0;letter-spacing:.035em}
.path-content p{font-size:11px;line-height:1.55;color:#e6eef9;letter-spacing:.025em}
.program-art{background-image:var(--program-image) !important;background-position:center !important;background-size:cover !important}
.program-art:after{background:linear-gradient(125deg,rgba(6,26,67,.78),rgba(7,95,202,.12) 52%,rgba(142,11,42,.58)) !important}
.visual-market-grid{grid-template-columns:repeat(7,1fr) !important}
.market-card.image-market{min-height:255px;padding:0 17px 20px !important;background:#061a43 !important;border:1px solid rgba(255,255,255,.14);overflow:hidden}
.market-photo{height:122px;margin:0 -17px 18px;background-image:linear-gradient(180deg,rgba(4,20,49,.06),rgba(4,20,49,.68)),var(--market-img);background-size:cover;background-position:center;transition:transform .55s ease;position:relative}
.market-card:hover .market-photo{transform:scale(1.05)}
.market-watermark{position:absolute;right:8px;top:85px;font:900 64px/1 Manrope;color:rgba(255,255,255,.11);z-index:1;letter-spacing:-.07em}
.market-card.image-market i{margin:0 0 13px;width:45px;height:45px;position:relative;z-index:3}
.market-card.image-market h3{font-size:15px;line-height:1.3}
.market-card.image-market p{font-size:10px;line-height:1.55}
.architecture-pro{position:relative;display:grid !important;grid-template-columns:1fr 1fr 360px 1fr 1fr !important;grid-template-rows:1fr 1fr;align-items:center;gap:22px !important;padding:48px 45px !important;min-height:390px}
.architecture-step{min-height:112px;padding:18px 17px;border:1px solid rgba(7,95,202,.18);border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 10px 28px rgba(6,26,67,.08);display:grid;grid-template-columns:42px 42px 1fr;align-items:center;gap:10px;position:relative;overflow:hidden;transition:.35s}
.architecture-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.architecture-step.step-2:before,.architecture-step.step-4:before{background:var(--red)}
.architecture-step:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(6,26,67,.15)}
.architecture-step span{font:900 12px Manrope;color:#8d9ab0;letter-spacing:.08em}
.architecture-step i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:17px}
.architecture-step.step-2 i,.architecture-step.step-4 i{background:#fff0f3;color:var(--red)}
.architecture-step strong{display:block;font:850 17px Manrope;letter-spacing:.03em;color:var(--navy)}
.architecture-step small{display:block;margin-top:4px;color:#6b7890;font-size:9px;line-height:1.4;letter-spacing:.02em}
.architecture-step.step-1{grid-column:1;grid-row:1}.architecture-step.step-2{grid-column:1;grid-row:2}.architecture-step.step-3{grid-column:2;grid-row:1}.architecture-step.step-4{grid-column:4;grid-row:1}.architecture-step.step-5{grid-column:5;grid-row:2}
.architecture-pro .arch-logo{grid-column:3;grid-row:1 / span 2;height:300px !important}
.architecture-pro .arch-orbit{width:285px !important;height:285px !important;animation:spinOrbit 12s linear infinite !important}
.architecture-pro .arch-badge{width:205px !important;height:205px !important;animation:none !important}
.architecture-pro .arch-badge img{width:194px !important;height:194px !important;object-fit:contain}
.footer .footer-logo{width:225px !important;height:auto !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important}
.footer .footer-logo:before,.footer .footer-logo:after{display:none !important}
.footer .footer-logo img{width:225px !important;height:auto !important;object-fit:contain !important;filter:drop-shadow(0 7px 15px rgba(7,95,199,.18)) !important;animation:none !important}
.footer .footer-logo:hover{transform:none !important;box-shadow:none !important}
@media(max-width:1200px){.navbar .navbar-wordmark{width:190px !important;max-width:190px !important}.brand{width:215px !important;flex-basis:215px !important}.visual-path-grid{grid-template-columns:repeat(3,1fr) !important}.visual-market-grid{grid-template-columns:repeat(4,1fr) !important}.architecture-pro{grid-template-columns:1fr 1fr 300px 1fr 1fr !important;padding:35px 25px !important}}
@media(max-width:980px){.navbar .navbar-wordmark{width:185px !important;max-width:185px !important}.brand{width:205px !important;flex-basis:205px !important}.visual-path-grid,.visual-market-grid{grid-template-columns:repeat(2,1fr) !important}.architecture-pro{grid-template-columns:1fr !important;grid-template-rows:auto !important}.architecture-step{grid-column:auto !important;grid-row:auto !important}.architecture-pro .arch-logo{grid-column:auto;grid-row:auto;order:-1}}
@media(max-width:640px){.navbar .navbar-wordmark{width:175px !important;max-width:175px !important;max-height:52px !important}.brand{width:190px !important;flex-basis:190px !important}.visual-path-grid,.visual-market-grid{grid-template-columns:1fr !important}.path-card{min-height:245px}.market-card.image-market{min-height:245px}.architecture-pro .arch-orbit{width:235px !important;height:235px !important}.architecture-pro .arch-badge{width:170px !important;height:170px !important}.architecture-pro .arch-badge img{width:160px !important;height:160px !important}.footer .footer-logo,.footer .footer-logo img{width:185px !important}}

/* FINAL REQUESTED POLISH — clean prominent navbar/footer branding, photographic path + market cards */
.brand-clean{width:245px!important;flex:0 0 245px!important;gap:10px!important;text-decoration:none}
.brand-icon-clean{width:58px;height:62px;display:grid;place-items:center;overflow:hidden;flex:0 0 58px}
.brand-icon-clean img{width:58px;height:62px;object-fit:contain;display:block;filter:drop-shadow(0 5px 9px rgba(6,29,73,.16))}
.brand-type-clean{display:flex;flex-direction:column;justify-content:center;line-height:.9;min-width:0}
.brand-type-clean small{font:900 8px/1 Inter,sans-serif;color:var(--navy);letter-spacing:.28em;margin-left:2px}
.brand-type-clean strong{font:900 24px/1 Manrope,sans-serif;letter-spacing:.015em;color:var(--navy)}
.brand-type-clean strong span{color:var(--red)}
.brand-type-clean em{font:900 8px/1 Inter,sans-serif;color:var(--blue);letter-spacing:.34em;font-style:normal;margin-top:5px}
.brand-clean:hover .brand-icon-clean img{transform:scale(1.035);filter:drop-shadow(0 7px 13px rgba(7,95,202,.22))}

/* learning path — photographic watermark cards */
.path-card{min-height:260px!important;background:#071a3c!important}
.path-photo{position:absolute;inset:0;background-image:var(--path-img);background-size:cover;background-position:center;transform:scale(1.01);transition:.5s;z-index:0}
.path-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,49,.10) 0%,rgba(4,20,49,.30) 32%,rgba(4,20,49,.94) 100%);z-index:1}
.path-watermark{position:absolute;right:-5px;top:-20px;font:900 120px/1 Manrope,sans-serif;color:rgba(255,255,255,.10);letter-spacing:-.08em;z-index:2;pointer-events:none}
.path-content{position:absolute;left:20px;right:18px;bottom:20px;z-index:3;color:#fff}
.path-content span{font:800 10px/1 Inter,sans-serif;letter-spacing:.13em;color:#fff;opacity:.85}
.path-content h3{font:900 22px/1.08 Manrope,sans-serif;letter-spacing:.025em;margin:6px 0}
.path-content p{font-size:11px;line-height:1.5;color:#e5edf8;margin:0;max-width:220px}
.path-card:hover .path-photo{transform:scale(1.09)}
.path-card:hover .path-watermark{color:rgba(255,255,255,.16);transform:translateY(-5px)}

/* financial markets — real photographic tiles + watermark */
.market-card.image-market{min-height:235px;background-image:linear-gradient(180deg,rgba(4,20,49,.12),rgba(4,20,49,.94)),var(--market-image);background-size:cover;background-position:center;}
.market-card.image-market:before{width:190px;height:190px;border-color:rgba(255,255,255,.13);box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 0 48px rgba(255,255,255,.02)}
.market-card.image-market:after{border-color:rgba(226,27,60,.24)}
.market-card.image-market i{background:rgba(7,95,202,.88);backdrop-filter:blur(5px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.market-card.image-market:nth-child(even) i{background:rgba(142,11,42,.92)}
.market-card.image-market h3{font-size:16px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.market-card.image-market p{color:#e0e9f5;text-shadow:0 2px 10px rgba(0,0,0,.35)}

/* footer — no box/card, clean wordmark treatment */
.footer-logo.footer-logo-clean{width:260px!important;height:auto!important;min-height:70px!important;padding:0!important;margin:0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:11px!important;overflow:visible!important}
.footer-logo-clean:before,.footer-logo-clean:after{display:none!important}
.footer-icon-clean{width:62px;height:66px;display:grid;place-items:center;flex:0 0 62px;overflow:hidden}
.footer-icon-clean img{width:62px;height:66px;object-fit:contain;filter:drop-shadow(0 7px 15px rgba(21,156,255,.20));transition:.35s}
.footer-logo-clean:hover .footer-icon-clean img{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 10px 20px rgba(226,27,60,.28))}
.footer-type-clean{display:flex;flex-direction:column;line-height:.9}
.footer-type-clean small{font:900 8px/1 Inter,sans-serif;letter-spacing:.28em;color:#fff;margin-left:2px}
.footer-type-clean strong{font:900 29px/1 Manrope,sans-serif;letter-spacing:.015em;color:#fff}
.footer-type-clean strong span{color:#ff3151}
.footer-type-clean em{font:900 8px/1 Inter,sans-serif;color:#9db3d4;letter-spacing:.34em;font-style:normal;margin-top:5px}

@media(max-width:1200px){.brand-clean{width:215px!important;flex-basis:215px!important}.brand-icon-clean{width:52px;height:57px}.brand-icon-clean img{width:52px;height:57px}.brand-type-clean strong{font-size:21px}.visual-path-grid{grid-template-columns:repeat(3,1fr)!important}.market-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:980px){.brand-clean{width:210px!important;flex-basis:210px!important}.visual-path-grid{grid-template-columns:repeat(2,1fr)!important}.market-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.brand-clean{width:190px!important;flex-basis:190px!important}.brand-icon-clean{width:46px;height:51px}.brand-icon-clean img{width:46px;height:51px}.brand-type-clean strong{font-size:18px}.brand-type-clean small,.brand-type-clean em{font-size:6px}.visual-path-grid,.market-grid{grid-template-columns:1fr!important}.footer-logo.footer-logo-clean{width:230px!important}.footer-type-clean strong{font-size:25px}.footer-icon-clean{width:55px;height:59px}.footer-icon-clean img{width:55px;height:59px}}

/* ===== FINAL UPDATE: EXACT USER LOGO + REALISTIC PHOTOGRAPHIC COURSE/PATH IMAGES ===== */
.brand-exact{width:170px!important;flex:0 0 170px!important;height:78px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-decoration:none!important;overflow:visible!important}
.brand-exact-logo{width:170px!important;height:78px!important;display:block!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 8px 14px rgba(7,35,82,.14))!important;transition:transform .25s ease,filter .25s ease!important}
.brand-exact:hover .brand-exact-logo{transform:scale(1.025)!important;filter:drop-shadow(0 10px 18px rgba(7,35,82,.22))!important}
.site-header .navbar{min-height:92px!important}

/* Learning path: each level gets a different real-world finance/learning photograph. */
.path-photo{background-image:var(--path-img),var(--path-fallback)!important;background-size:cover,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}
.path-card{min-height:285px!important;border-radius:24px!important}
.path-card:before{background:linear-gradient(180deg,rgba(3,16,39,.06) 0%,rgba(3,16,39,.22) 28%,rgba(3,16,39,.92) 100%)!important}
.path-content h3{font-size:24px!important;letter-spacing:.035em!important}
.path-content p{font-size:12px!important;max-width:270px!important;line-height:1.6!important}

/* Featured programs: realistic photography, never the animated SVG course artwork. */
.program-art{background-image:var(--program-image),var(--program-fallback)!important;background-size:cover,cover!important;background-position:center,center!important;min-height:225px!important}
.program-art:after{background:linear-gradient(125deg,rgba(4,20,49,.68),rgba(7,95,202,.10) 48%,rgba(142,11,42,.46))!important}
.program-card:hover .program-art{transform:none!important}
.program-card .program-art{transition:background-position .5s ease,filter .35s ease!important}
.program-card:hover .program-art{filter:saturate(1.08) contrast(1.03)!important}

/* Exact uploaded Bitwise logo in footer — no outer circle, no box/card. */
.footer-logo.footer-logo-exact{width:265px!important;height:170px!important;min-height:0!important;padding:0!important;margin:0 0 18px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.footer-logo-exact img{width:265px!important;height:170px!important;object-fit:contain!important;object-position:left center!important;display:block!important;filter:drop-shadow(0 8px 18px rgba(13,41,84,.18))!important;animation:none!important}
.footer-logo-exact:hover{transform:none!important;box-shadow:none!important}

@media(max-width:1200px){
  .brand-exact{width:150px!important;flex-basis:150px!important;height:72px!important}
  .brand-exact-logo{width:150px!important;height:72px!important}
}
@media(max-width:980px){
  .brand-exact{width:145px!important;flex-basis:145px!important;height:68px!important}
  .brand-exact-logo{width:145px!important;height:68px!important}
  .path-card{min-height:270px!important}
}
@media(max-width:640px){
  .brand-exact{width:128px!important;flex-basis:128px!important;height:62px!important}
  .brand-exact-logo{width:128px!important;height:62px!important}
  .site-header .navbar{min-height:78px!important}
  .path-card{min-height:250px!important}
  .footer-logo.footer-logo-exact{width:220px!important;height:140px!important}
  .footer-logo-exact img{width:220px!important;height:140px!important}
}

/* ===== USER LOGO + HD REALISTIC IMAGE UPDATE ===== */
.site-header .navbar{min-height:104px!important;padding:7px 18px!important;gap:18px!important}
.brand-exact{width:220px!important;flex:0 0 220px!important;height:96px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.brand-exact-logo{width:220px!important;height:96px!important;object-fit:contain!important;object-position:left center!important;display:block!important;filter:drop-shadow(0 8px 16px rgba(6,26,67,.15))!important}
.brand-exact:hover .brand-exact-logo{transform:scale(1.02)!important;filter:drop-shadow(0 11px 20px rgba(7,95,202,.2))!important}
.nav-links{gap:6px!important}
.nav-links a,.drop-btn{padding:11px 12px!important;font-size:13px!important;letter-spacing:.045em!important}
.nav-actions{gap:10px!important}

/* Make every Learning Path image clearly visible and photographic. */
.path-card{overflow:hidden!important;isolation:isolate!important}
.path-photo{filter:saturate(1.05) contrast(1.04)!important;background-image:var(--path-img),var(--path-fallback)!important;background-size:cover,cover!important;background-position:center,center!important}
.path-card:before{z-index:1!important;background:linear-gradient(180deg,rgba(3,16,39,.03) 0%,rgba(3,16,39,.14) 30%,rgba(3,16,39,.88) 100%)!important}
.path-watermark{z-index:2!important;font-size:126px!important;color:rgba(255,255,255,.14)!important}
.path-content{z-index:4!important}

/* Featured Programs: realistic local HD photography for every card. */
.program-art{background-image:var(--program-image),var(--program-fallback)!important;background-size:cover,cover!important;background-position:center!important;min-height:235px!important}
.program-art:after{background:linear-gradient(125deg,rgba(4,20,49,.60),rgba(7,95,202,.08) 50%,rgba(142,11,42,.48))!important}
.program-overlay-label{letter-spacing:.16em!important}

/* Footer uses the exact supplied logo artwork, with the circular ring removed. */
.footer-logo.footer-logo-exact{width:300px!important;height:215px!important;padding:0!important;margin:0 0 14px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.footer-logo-exact img{width:300px!important;height:215px!important;object-fit:contain!important;object-position:left center!important;display:block!important;filter:drop-shadow(0 8px 18px rgba(13,41,84,.18))!important;animation:none!important}

@media(max-width:1200px){
 .site-header .navbar{min-height:96px!important}
 .brand-exact{width:195px!important;flex-basis:195px!important;height:86px!important}
 .brand-exact-logo{width:195px!important;height:86px!important}
 .nav-links{gap:2px!important}
 .nav-links a,.drop-btn{padding:10px 9px!important;font-size:12px!important}
}
@media(max-width:980px){
 .site-header .navbar{min-height:86px!important}
 .brand-exact{width:175px!important;flex-basis:175px!important;height:78px!important}
 .brand-exact-logo{width:175px!important;height:78px!important}
 .path-card{min-height:275px!important}
}
@media(max-width:640px){
 .site-header .navbar{min-height:78px!important;padding:5px 12px!important}
 .brand-exact{width:145px!important;flex-basis:145px!important;height:67px!important}
 .brand-exact-logo{width:145px!important;height:67px!important}
 .path-card{min-height:250px!important}
 .program-art{min-height:215px!important}
 .footer-logo.footer-logo-exact{width:240px!important;height:175px!important}
 .footer-logo-exact img{width:240px!important;height:175px!important}
}

/* ===== FINAL FAST POLISH: LOGO + PROGRAM IMAGES + ARCHITECTURE ===== */
/* Full Bitwise logo in navbar — no clipping */
.brand-exact{width:220px!important;flex:0 0 220px!important;height:88px!important;overflow:visible!important;display:flex!important;align-items:center!important}
.brand-exact-logo{width:220px!important;height:88px!important;max-width:none!important;object-fit:contain!important;object-position:center!important;display:block!important}
/* Keep nav items comfortably separated */
.navbar{gap:20px!important}
.nav-links{gap:7px!important}
.nav-links>li>a,.drop-btn{white-space:nowrap!important}

/* Medium footer logo */
.footer-logo.footer-logo-exact{width:205px!important;height:125px!important;margin:0 0 12px!important;overflow:visible!important}
.footer-logo-exact img{width:205px!important;height:125px!important;object-fit:contain!important;object-position:left center!important}

/* Featured programs: stronger distinct photographic presentation */
.program-card{border-radius:24px!important;overflow:hidden!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.program-card:hover{transform:translateY(-10px)!important;box-shadow:0 26px 55px rgba(6,26,67,.18)!important;border-color:rgba(7,95,202,.28)!important}
.program-art{height:230px!important;min-height:230px!important;background-size:cover!important;background-repeat:no-repeat!important;position:relative!important}
.program-art:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,17,40,.05),rgba(3,17,40,.15) 48%,rgba(3,17,40,.70))!important;z-index:0!important}
.program-art:after{background:linear-gradient(125deg,rgba(4,20,49,.34),rgba(7,95,202,.05) 50%,rgba(142,11,42,.30))!important;z-index:1!important}
.program-art span,.program-overlay-label{z-index:3!important}
.program-card:nth-child(1) .program-art{background-position:center 52%!important}
.program-card:nth-child(2) .program-art{background-position:center 48%!important}
.program-card:nth-child(3) .program-art{background-position:center 45%!important}
.program-card:nth-child(4) .program-art{background-position:center 50%!important}
.program-card:nth-child(5) .program-art{background-position:center 48%!important}
.program-card:nth-child(6) .program-art{background-position:center 52%!important}

/* Education Architecture — professional step cards */
.architecture-board.architecture-pro{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;gap:16px!important;padding:34px 22px!important;border-radius:30px!important;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#f8faff 100%)!important;border:1px solid rgba(7,95,202,.14)!important;box-shadow:0 22px 60px rgba(6,26,67,.10)!important;overflow:visible!important}
.architecture-board.architecture-pro:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 48%,rgba(7,95,202,.07),transparent 32%),linear-gradient(90deg,transparent 0 49%,rgba(7,95,202,.025) 50%,transparent 51%)!important;pointer-events:none!important}
.architecture-step{position:relative!important;z-index:2!important;min-height:110px!important;padding:16px 10px 16px 12px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(7,95,202,.12)!important;box-shadow:0 10px 28px rgba(6,26,67,.08)!important;display:flex!important;align-items:center!important;gap:8px!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;overflow:visible!important;box-sizing:border-box!important}
.architecture-step:hover{transform:translateY(-8px)!important;box-shadow:0 20px 42px rgba(6,26,67,.16)!important;border-color:rgba(7,95,202,.30)!important}
.architecture-step span{font:900 12px Manrope!important;color:#dfe8f7!important;position:relative!important;letter-spacing:.02em!important;white-space:nowrap!important}
.architecture-step i{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#075fca,#12336b)!important;color:#fff!important;font-size:16px!important;box-shadow:0 9px 20px rgba(7,95,202,.20)!important}
.architecture-step:nth-child(2n) i{background:linear-gradient(135deg,#8e0b2a,#c51d42)!important;box-shadow:0 9px 20px rgba(142,11,42,.18)!important}
.architecture-step strong{display:block!important;font:800 14.5px/1.2 Manrope!important;color:#061a43!important;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important}
.architecture-step small{display:block!important;margin-top:4px!important;color:#66748a!important;font-size:9px!important;line-height:1.35!important;white-space:nowrap!important}
.architecture-step.step-1{grid-column:1;grid-row:1}
.architecture-step.step-2{grid-column:2;grid-row:1}
.architecture-step.step-3{grid-column:1;grid-row:2}
.architecture-step.step-4{grid-column:5;grid-row:1}
.architecture-step.step-5{grid-column:5;grid-row:2}
.architecture-pro .arch-logo{grid-column:3;grid-row:1 / span 2;justify-self:center;position:relative;z-index:2;width:245px;height:245px;display:grid;place-items:center}
.architecture-pro .arch-badge{width:170px!important;height:170px!important;position:relative!important;z-index:2!important;border-radius:50%!important;background:#fff!important;box-shadow:0 16px 38px rgba(6,26,67,.14)!important;display:grid!important;place-items:center!important}
.architecture-pro .arch-badge img{width:158px!important;height:158px!important;object-fit:contain!important}
.architecture-pro .arch-orbit{width:225px!important;height:225px!important;border:2px dashed rgba(7,95,202,.28)!important;border-radius:50%!important;position:absolute!important;animation:archOrbit 18s linear infinite!important}
@keyframes archOrbit{to{transform:rotate(360deg)}}
.architecture-pro .orbit-dot{position:absolute!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#075fca!important;box-shadow:0 0 0 5px rgba(7,95,202,.10)!important}
.architecture-pro .dot-a{top:-6px;left:50%;transform:translateX(-50%)}
.architecture-pro .dot-b{bottom:8px;right:8px;background:#8e0b2a!important;box-shadow:0 0 0 5px rgba(142,11,42,.10)!important}
.support-grid{margin-top:26px!important}
.support-card{transition:transform .3s ease,box-shadow .3s ease!important}
.support-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 35px rgba(6,26,67,.12)!important}

@media(max-width:1050px){.brand-exact{width:190px!important;flex-basis:190px!important}.brand-exact-logo{width:190px!important}.navbar{gap:10px!important}.nav-links{gap:3px!important}.architecture-board.architecture-pro{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto auto!important}.architecture-pro .arch-logo{grid-column:1 / span 2;grid-row:2;order:0}.architecture-step.step-1{grid-column:1;grid-row:1}.architecture-step.step-2{grid-column:2;grid-row:1}.architecture-step.step-3{grid-column:1;grid-row:3}.architecture-step.step-4{grid-column:2;grid-row:3}.architecture-step.step-5{grid-column:1 / span 2;grid-row:4;justify-self:center;width:min(100%,360px)}}
@media(max-width:640px){.brand-exact{width:155px!important;flex-basis:155px!important;height:68px!important}.brand-exact-logo{width:155px!important;height:68px!important}.footer-logo.footer-logo-exact{width:180px!important;height:110px!important}.footer-logo-exact img{width:180px!important;height:110px!important}.architecture-board.architecture-pro{padding:22px 16px!important;gap:13px!important}.architecture-step{min-height:100px!important;padding:14px 12px!important}.architecture-step i{width:40px!important;height:40px!important;min-width:40px!important;font-size:15px!important}.architecture-step strong{font-size:14px!important}.architecture-pro .arch-logo{width:205px!important;height:205px!important}.architecture-pro .arch-orbit{width:190px!important;height:190px!important}.architecture-pro .arch-badge{width:145px!important;height:145px!important}.architecture-pro .arch-badge img{width:135px!important;height:135px!important}}

/* ===== FINAL EXACT FIX: FULL LOGO + UNIQUE IMAGES + CENTER ARCHITECTURE ===== */
.site-header .navbar{min-height:104px!important;align-items:center!important}
.brand-exact{width:142px!important;flex:0 0 142px!important;height:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important}
.brand-exact-logo{width:132px!important;height:98px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important}
.navbar{gap:14px!important}.nav-links{gap:6px!important}.nav-links>li>a,.drop-btn{font-size:12px!important;padding-left:8px!important;padding-right:8px!important;white-space:nowrap!important}
.footer-logo.footer-logo-exact{width:205px!important;height:170px!important;padding:0!important;margin:0 0 10px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.footer-logo-exact img{width:205px!important;height:170px!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:drop-shadow(0 7px 15px rgba(7,95,199,.16))!important;animation:none!important}

/* Five non-repeating learning path photographs */
.path-card:nth-child(1) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.88)),url('assets/path-unique-1.jpg')!important}
.path-card:nth-child(2) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.88)),url('assets/path-unique-2.jpg')!important}
.path-card:nth-child(3) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.88)),url('assets/path-unique-3.jpg')!important}
.path-card:nth-child(4) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.88)),url('assets/path-unique-4.jpg')!important}
.path-card:nth-child(5) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.88)),url('assets/path-unique-5.jpg')!important}

/* Six non-repeating featured-program photographs */
.program-card:nth-child(1) .program-art{background-image:url('assets/program-unique-1.jpg')!important}
.program-card:nth-child(2) .program-art{background-image:url('assets/program-unique-2.jpg')!important}
.program-card:nth-child(3) .program-art{background-image:url('assets/program-unique-3.jpg')!important}
.program-card:nth-child(4) .program-art{background-image:url('assets/program-unique-4.jpg')!important}
.program-card:nth-child(5) .program-art{background-image:url('assets/program-unique-5.jpg')!important}
.program-card:nth-child(6) .program-art{background-image:url('assets/program-unique-6.jpg')!important}
.program-art{background-size:cover!important;background-position:center!important}

/* Seven non-repeating financial-market photographs */
.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-1.jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-2.jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-3.jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-4.jpg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-5.jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-6.jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(4,20,49,.10),rgba(4,20,49,.92)),url('assets/market-unique-7.jpg')!important}

/* Restore the earlier CENTER education architecture: static logo + rotating outer ring */
.architecture-board.architecture-pro{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr 275px 1fr 1fr!important;grid-template-rows:1fr 1fr!important;align-items:center!important;gap:14px!important;padding:38px 22px!important;min-height:380px!important;border-radius:30px!important;background:linear-gradient(135deg,#f8fbff,#fff 50%,#f8faff)!important;border:1px solid rgba(7,95,202,.14)!important;box-shadow:0 22px 60px rgba(6,26,67,.10)!important;overflow:visible!important}
.architecture-step{min-height:108px!important;padding:15px 8px 15px 12px!important;border:1px solid rgba(7,95,202,.18)!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f5f9ff)!important;box-shadow:0 10px 28px rgba(6,26,67,.08)!important;display:grid!important;grid-template-columns:auto 38px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;position:relative!important;overflow:visible!important;transition:.35s!important;box-sizing:border-box!important}
.architecture-step:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:#075fca!important;border-top-left-radius:20px!important;border-bottom-left-radius:20px!important}.architecture-step.step-2:before,.architecture-step.step-4:before{background:#8e0b2a!important}.architecture-step:hover{transform:translateY(-6px)!important;box-shadow:0 18px 38px rgba(6,26,67,.15)!important}
.architecture-step span{font:900 11.5px Manrope!important;color:#8d9ab0!important;letter-spacing:.02em!important;white-space:nowrap!important}.architecture-step i{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#eaf4ff!important;color:#075fca!important;font-size:16px!important}.architecture-step.step-2 i,.architecture-step.step-4 i{background:#fff0f3!important;color:#8e0b2a!important}.architecture-step strong{display:block!important;font:800 14px/1.2 Manrope!important;letter-spacing:-0.01em!important;color:#061a43!important;white-space:nowrap!important;overflow:visible!important}.architecture-step small{display:block!important;margin-top:3px!important;color:#6b7890!important;font-size:8.5px!important;line-height:1.35!important;letter-spacing:0!important;white-space:nowrap!important}
.architecture-step.step-5 strong{font-size:14px!important;letter-spacing:-0.02em!important;overflow:visible!important}
.architecture-step.step-1{grid-column:1!important;grid-row:1!important}.architecture-step.step-2{grid-column:1!important;grid-row:2!important}.architecture-step.step-3{grid-column:2!important;grid-row:1!important}.architecture-step.step-4{grid-column:4!important;grid-row:1!important}.architecture-step.step-5{grid-column:5!important;grid-row:2!important}
.architecture-pro .arch-logo{grid-column:3!important;grid-row:1 / span 2!important;height:280px!important;position:relative!important;display:grid!important;place-items:center!important;z-index:3!important}.architecture-pro .arch-orbit{width:265px!important;height:265px!important;border:2px dashed rgba(7,95,202,.30)!important;border-radius:50%!important;animation:spinOrbit 12s linear infinite!important;position:absolute!important}.architecture-pro .arch-badge{width:190px!important;height:190px!important;animation:none!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;position:relative!important;z-index:2!important;box-shadow:0 16px 38px rgba(6,26,67,.14)!important}.architecture-pro .arch-badge img{width:180px!important;height:180px!important;object-fit:contain!important}@keyframes spinOrbit{to{transform:rotate(360deg)}}

@media(max-width:1200px){.brand-exact{width:132px!important;flex-basis:132px!important;height:96px!important}.brand-exact-logo{width:124px!important;height:92px!important}.navbar{gap:8px!important}.nav-links{gap:2px!important}.nav-links>li>a,.drop-btn{font-size:11px!important;padding-left:6px!important;padding-right:6px!important}.architecture-board.architecture-pro{grid-template-columns:1fr 1fr 240px 1fr 1fr!important;padding:26px 14px!important;gap:10px!important}.architecture-pro .arch-logo{height:240px!important}.architecture-pro .arch-orbit{width:225px!important;height:225px!important}.architecture-pro .arch-badge{width:160px!important;height:160px!important}.architecture-pro .arch-badge img{width:150px!important;height:150px!important}.architecture-step{padding:12px 6px 12px 10px!important;gap:5px!important;grid-template-columns:auto 32px minmax(0,1fr)!important}.architecture-step i{width:32px!important;height:32px!important;min-width:32px!important;font-size:13px!important}.architecture-step strong{font-size:13px!important;letter-spacing:-0.02em!important}.architecture-step small{font-size:8px!important}}
@media(max-width:980px){.brand-exact{width:120px!important;flex-basis:120px!important;height:88px!important}.brand-exact-logo{width:112px!important;height:84px!important}.architecture-board.architecture-pro{grid-template-columns:1fr!important;grid-template-rows:auto!important;padding:20px 16px!important;gap:12px!important}.architecture-step{grid-column:auto!important;grid-row:auto!important;padding:14px 16px!important;grid-template-columns:30px 40px minmax(0,1fr)!important;gap:10px!important}.architecture-step strong{font-size:15px!important}.architecture-pro .arch-logo{grid-column:auto!important;grid-row:auto!important;order:-1!important;margin:10px auto!important}}
@media(max-width:640px){.brand-exact{width:112px!important;flex-basis:112px!important;height:78px!important}.brand-exact-logo{width:104px!important;height:76px!important}.footer-logo.footer-logo-exact{width:175px!important;height:145px!important}.footer-logo-exact img{width:175px!important;height:145px!important}.architecture-pro .arch-orbit{width:215px!important;height:215px!important}.architecture-pro .arch-badge{width:155px!important;height:155px!important}.architecture-pro .arch-badge img{width:145px!important;height:145px!important}}


/* ===== LAST SUBMISSION POLISH ===== */
/* Navbar: exact full Bitwise logo, never clipped */
.site-header .navbar{min-height:108px!important;align-items:center!important}
.brand-exact{width:176px!important;flex:0 0 176px!important;height:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important}
.brand-exact-logo{width:172px!important;height:98px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important}
.navbar{gap:16px!important}
.nav-links{gap:7px!important}
.nav-links>li>a,.drop-btn{white-space:nowrap!important}

/* Footer: small circular Bitwise logo */
.footer-logo.footer-logo-exact{width:92px!important;height:92px!important;padding:0!important;margin:0 0 14px!important;background:#fff!important;border:2px solid rgba(7,95,202,.20)!important;border-radius:50%!important;box-shadow:0 12px 28px rgba(6,26,67,.14)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.footer-logo-exact img{width:86px!important;height:86px!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:none!important}

/* Crisp, non-repeating photographic images - remote HD originals */
.path-card:nth-child(1) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.80)),url('https://images.unsplash.com/photo-1591696205602-2f950c417cb9?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.path-card:nth-child(2) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.80)),url('https://images.unsplash.com/photo-1748439281934-2803c6a3ee36?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.path-card:nth-child(3) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.80)),url('https://images.unsplash.com/photo-1748439146117-31978164865d?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.path-card:nth-child(4) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.80)),url('https://images.unsplash.com/photo-1635236198091-33d5aa8466cc?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.path-card:nth-child(5) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.80)),url('https://images.unsplash.com/photo-1579225663317-c0251b4369bc?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}

.program-card:nth-child(1) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1768055104895-e6185762f2a9?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.program-card:nth-child(2) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1643962579371-ba03eec77f87?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.program-card:nth-child(3) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1767424412548-1a1ac7f4b9bc?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.program-card:nth-child(4) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1744473119469-905016183836?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.program-card:nth-child(5) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1569025743873-ea3a9ade89f9?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.program-card:nth-child(6) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.62)),url('https://images.unsplash.com/photo-1766218329569-53c9270bb305?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}

.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1569025690938-a00729c9e1f9?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1744473119469-905016183836?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1614029896656-a094f640558d?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1707157281599-d155d1da5b4c?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1758518727734-98f0a55983b6?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1630569470960-ec1e8c077d6b?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.84)),url('https://images.unsplash.com/photo-1642413598020-7cbd6c54b4b9?auto=format&fit=crop&fm=jpg&q=90&w=2400')!important}

.path-photo,.program-art,.market-card.image-market{background-repeat:no-repeat!important;background-size:cover!important;background-color:#071a3d!important}
.path-photo{filter:none!important;transform:translateZ(0);}
.program-art{filter:none!important;transform:translateZ(0);}
.market-card.image-market{filter:none!important;transform:translateZ(0);}

@media(max-width:1200px){
 .site-header .navbar{min-height:96px!important}
 .brand-exact{width:158px!important;flex-basis:158px!important;height:88px!important}
 .brand-exact-logo{width:154px!important;height:86px!important}
 .navbar{gap:8px!important}.nav-links{gap:2px!important}
}
@media(max-width:640px){
 .site-header .navbar{min-height:78px!important}
 .brand-exact{width:132px!important;flex-basis:132px!important;height:70px!important}
 .brand-exact-logo{width:128px!important;height:68px!important}
 .footer-logo.footer-logo-exact{width:78px!important;height:78px!important}
 .footer-logo-exact img{width:72px!important;height:72px!important}
}


/* FINAL LOGO FIX — full logo, outer ring removed */
.site-header .brand-exact{width:170px!important;flex:0 0 170px!important;height:104px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.site-header .brand-exact-logo{width:112px!important;height:102px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important}
.footer-logo.footer-logo-exact{width:150px!important;height:120px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.footer-logo.footer-logo-exact img{width:118px!important;height:116px!important;object-fit:contain!important;object-position:center!important;display:block!important}
@media(max-width:1200px){.site-header .brand-exact{width:145px!important;flex-basis:145px!important}.site-header .brand-exact-logo{width:102px!important;height:96px!important}}
@media(max-width:640px){.site-header .brand-exact{width:120px!important;flex-basis:120px!important;height:74px!important}.site-header .brand-exact-logo{width:84px!important;height:72px!important}.footer-logo.footer-logo-exact{width:115px!important;height:95px!important}.footer-logo.footer-logo-exact img{width:92px!important;height:90px!important}}

/* ===== FINAL LAST-PASS: CLEAN LOGOS + LOCAL CRISP UNIQUE CARD IMAGES ===== */
/* Use the exact Bitwise artwork with the outer ring removed. Keep the whole logo visible. */
.site-header .brand-exact{
  width:190px!important; flex:0 0 190px!important; height:118px!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  overflow:visible!important; padding:0!important;
}
.site-header .brand-exact-logo{
  width:178px!important; height:116px!important; max-width:none!important; max-height:none!important;
  object-fit:contain!important; object-position:center!important; display:block!important;
  content:url('assets/bitwise-logo-nav-footer-clean-final.png')!important;
}
/* Footer: clean logo, NO circular border/ring. */
.footer-logo.footer-logo-exact{
  width:170px!important; height:145px!important; padding:0!important; margin:0 0 14px!important;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important;
}
.footer-logo-exact img{
  width:165px!important; height:140px!important; object-fit:contain!important; object-position:center!important;
  display:block!important; filter:none!important; animation:none!important;
  content:url('assets/bitwise-logo-nav-footer-clean-final.png')!important;
}

/* Learning Path — each card gets its own LOCAL 1200x800 HD image, no repeats. */
.path-card:nth-child(1) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.78)),url('assets/path-unique-1.jpg')!important}
.path-card:nth-child(2) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.78)),url('assets/path-unique-2.jpg')!important}
.path-card:nth-child(3) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.78)),url('assets/path-unique-3.jpg')!important}
.path-card:nth-child(4) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.78)),url('assets/path-unique-4.jpg')!important}
.path-card:nth-child(5) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.78)),url('assets/path-unique-5.jpg')!important}

/* Featured Programs — six separate LOCAL HD photographs, no repeats. */
.program-card:nth-child(1) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-1.jpg')!important}
.program-card:nth-child(2) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-2.jpg')!important}
.program-card:nth-child(3) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-3.jpg')!important}
.program-card:nth-child(4) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-4.jpg')!important}
.program-card:nth-child(5) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-5.jpg')!important}
.program-card:nth-child(6) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.58)),url('assets/program-unique-6.jpg')!important}

/* Financial Markets — seven separate LOCAL HD photographs, no repeats. */
.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-1.jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-2.jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-3.jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-4.jpg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-5.jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-6.jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.82)),url('assets/market-unique-7.jpg')!important}
.path-photo,.program-art,.market-card.image-market{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;filter:none!important}

@media(max-width:1200px){
 .site-header .brand-exact{width:175px!important;flex-basis:175px!important;height:108px!important}
 .site-header .brand-exact-logo{width:165px!important;height:106px!important}
}
@media(max-width:640px){
 .site-header .brand-exact{width:140px!important;flex-basis:140px!important;height:82px!important}
 .site-header .brand-exact-logo{width:132px!important;height:80px!important}
 .footer-logo.footer-logo-exact{width:135px!important;height:115px!important}
 .footer-logo-exact img{width:130px!important;height:110px!important}
}

/* =========================================================
   FINAL HD CARD IMAGE OVERRIDE — LOCAL FILES ONLY
   Prevents remote/fallback images and removes the soft/blurred
   card artwork seen after deployment.
   ========================================================= */
.path-card:nth-child(1) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.72)),url('assets/learning-hd-01.jpg')!important}
.path-card:nth-child(2) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.72)),url('assets/learning-hd-02.jpg')!important}
.path-card:nth-child(3) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.72)),url('assets/learning-hd-03.jpg')!important}
.path-card:nth-child(4) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.72)),url('assets/learning-hd-04.jpg')!important}
.path-card:nth-child(5) .path-photo{background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.72)),url('assets/learning-hd-05.jpg')!important}

.program-card:nth-child(1) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-01.jpg')!important}
.program-card:nth-child(2) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-02.jpg')!important}
.program-card:nth-child(3) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-03.jpg')!important}
.program-card:nth-child(4) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-04.jpg')!important}
.program-card:nth-child(5) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-05.jpg')!important}
.program-card:nth-child(6) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-06.jpg')!important}

.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-01.jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-02.jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-03.jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-04.jpg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-05.jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-06.jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(4,20,49,.02),rgba(4,20,49,.70)),url('assets/market-hd-07.jpg')!important}

.path-photo,.program-art,.market-card.image-market{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* FINAL FEATURED PROGRAM IMAGE FIX — every card gets a different relevant image */
.program-card:nth-child(1) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-01.jpg')!important}
.program-card:nth-child(2) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/market-unique-2.jpg')!important}
.program-card:nth-child(3) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/program-hd-03.jpg')!important}
.program-card:nth-child(4) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/market-unique-4.jpg')!important}
.program-card:nth-child(5) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/market-unique-5.jpg')!important}
.program-card:nth-child(6) .program-art{background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.48)),url('assets/market-unique-6.jpg')!important}
.program-art{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;filter:none!important}

/* FINAL FEATURED PROGRAMS — REAL HD PHOTOGRAPHS, NO REPEATS */
.program-card:nth-child(1) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/5831253/pexels-photo-5831253.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-card:nth-child(2) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/29775797/pexels-photo-29775797.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-card:nth-child(3) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/36755611/pexels-photo-36755611.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-card:nth-child(4) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/5831522/pexels-photo-5831522.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-card:nth-child(5) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/5831347/pexels-photo-5831347.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-card:nth-child(6) .program-art{
  background-image:linear-gradient(180deg,rgba(3,17,40,.04),rgba(3,17,40,.42)),url('https://images.pexels.com/photos/6930426/pexels-photo-6930426.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;
}
.program-art{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;filter:none!important;image-rendering:auto!important}

/* FINAL LEARNING PATH HD PHOTOGRAPHY OVERRIDE - 2026-10-04 */
.path-section .path-photo{
  filter:none!important;
  opacity:1!important;
  transform:translateZ(0)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  image-rendering:auto!important;
}
.path-section .path-card:nth-child(1) .path-photo{
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.72)),url('https://images.pexels.com/photos/8423457/pexels-photo-8423457.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(2) .path-photo{
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.72)),url('https://images.pexels.com/photos/5831253/pexels-photo-5831253.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(3) .path-photo{
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.72)),url('https://images.pexels.com/photos/5833757/pexels-photo-5833757.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(4) .path-photo{
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.72)),url('https://images.pexels.com/photos/36755611/pexels-photo-36755611.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(5) .path-photo{
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.72)),url('https://images.pexels.com/photos/6930426/pexels-photo-6930426.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}

/* =========================================================
   FINAL REAL HD PHOTOGRAPH OVERRIDE — NO REPEATS
   Learning Path: 5 unique photos
   Featured Programs: 6 unique photos
   More Than A Course: 6 unique background photos
   ========================================================= */

/* YOUR LEARNING PATH — unique real HD photographs */
.path-section .path-card:nth-child(1) .path-photo{
 background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.68)),url('https://images.pexels.com/photos/8923042/pexels-photo-8923042.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(2) .path-photo{
 background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.68)),url('https://images.pexels.com/photos/5831253/pexels-photo-5831253.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(3) .path-photo{
 background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.68)),url('https://images.pexels.com/photos/7567486/pexels-photo-7567486.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(4) .path-photo{
 background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.68)),url('https://images.pexels.com/photos/7173026/pexels-photo-7173026.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.path-section .path-card:nth-child(5) .path-photo{
 background-image:linear-gradient(180deg,rgba(4,20,49,.03),rgba(4,20,49,.68)),url('https://images.pexels.com/photos/36755611/pexels-photo-36755611.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}

/* FEATURED PROGRAMS — six unique real HD photographs */
.program-card:nth-child(1) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/29775797/pexels-photo-29775797.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.program-card:nth-child(2) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/11646613/pexels-photo-11646613.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.program-card:nth-child(3) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/6248957/pexels-photo-6248957.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.program-card:nth-child(4) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/18706593/pexels-photo-18706593.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.program-card:nth-child(5) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/8438955/pexels-photo-8438955.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.program-card:nth-child(6) .program-art{
 background-image:linear-gradient(180deg,rgba(3,17,40,.02),rgba(3,17,40,.44)),url('https://images.pexels.com/photos/39853141/pexels-photo-39853141.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}

/* MORE THAN A COURSE — six unique HD background photos */
.ecosystem-grid .eco-card:nth-child(1){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/36598869/pexels-photo-36598869.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card:nth-child(2){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/6771426/pexels-photo-6771426.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card:nth-child(3){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/7947996/pexels-photo-7947996.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card:nth-child(4){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/5831706/pexels-photo-5831706.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card:nth-child(5){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/12902868/pexels-photo-12902868.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card:nth-child(6){
 background-image:linear-gradient(180deg,rgba(4,20,49,.16),rgba(4,20,49,.88)),url('https://images.pexels.com/photos/8292849/pexels-photo-8292849.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.ecosystem-grid .eco-card{
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
 min-height:300px!important;overflow:hidden!important;
}
.ecosystem-grid .eco-card::before{opacity:.08!important}
.ecosystem-grid .eco-card .watermark{opacity:.13!important}
.path-photo,.program-art,.eco-card{image-rendering:auto!important;filter:none!important}

/* =========================================================
   FINAL FINANCIAL MARKETS + RESPONSIVE MASTER PASS
   - 7 different HD market photographs
   - clean laptop proportions
   - compact, uncluttered mobile layout
   ========================================================= */

/* Financial Markets — unique high-resolution photographs */
.market-card.image-market:nth-child(1){
  background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.78)),url('https://images.pexels.com/photos/32219704/pexels-photo-32219704.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(2){
  background-image:linear-gradient(180deg,rgba(4,20,49,.06),rgba(4,20,49,.78)),url('https://images.pexels.com/photos/7567522/pexels-photo-7567522.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(3){
  background-image:linear-gradient(180deg,rgba(4,20,49,.06),rgba(4,20,49,.80)),url('https://images.pexels.com/photos/5831529/pexels-photo-5831529.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(4){
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.78)),url('https://images.pexels.com/photos/10628032/pexels-photo-10628032.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(5){
  background-image:linear-gradient(180deg,rgba(4,20,49,.05),rgba(4,20,49,.80)),url('https://images.pexels.com/photos/6694878/pexels-photo-6694878.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(6){
  background-image:linear-gradient(180deg,rgba(4,20,49,.05),rgba(4,20,49,.80)),url('https://images.pexels.com/photos/5831255/pexels-photo-5831255.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market:nth-child(7){
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.82)),url('https://images.pexels.com/photos/5784805/pexels-photo-5784805.jpeg?auto=compress&cs=tinysrgb&w=2400&q=95')!important;
}
.market-card.image-market{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  min-height:250px!important;
  overflow:hidden!important;
}

/* Desktop / laptop: give the page a clean readable working width */
html,body{max-width:100%;overflow-x:hidden!important}
.container{width:min(1240px,calc(100% - 48px))!important;margin-inline:auto!important}
.navbar{width:min(1240px,calc(100% - 48px))!important}
.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.visual-path-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.path-card{min-width:0!important}
.program-card,.market-card,.eco-card{min-width:0!important}

/* 1200px laptop/tablet */
@media(max-width:1200px){
  .container,.navbar{width:min(1100px,calc(100% - 40px))!important}
  .visual-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 980px — remove crowding before mobile */
@media(max-width:980px){
  .container,.navbar{width:calc(100% - 32px)!important}
  .site-header .navbar{min-height:76px!important}
  .nav-panel{position:absolute!important;left:16px!important;right:16px!important;top:calc(100% + 8px)!important;z-index:1000!important}
  .visual-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-inner{padding-top:34px!important;padding-bottom:48px!important}
  .hero-copy{max-width:620px!important}
}

/* Phones — one clean column, generous breathing room */
@media(max-width:640px){
  body{font-size:15px!important}
  .container,.navbar{width:calc(100% - 28px)!important}
  .site-header .navbar{min-height:70px!important;padding:6px 0!important}
  .site-header .brand-exact{width:138px!important;flex:0 0 138px!important;height:66px!important;justify-content:flex-start!important}
  .site-header .brand-exact-logo{width:132px!important;height:64px!important;object-fit:contain!important}
  .menu-toggle{display:flex!important;width:44px!important;height:44px!important;margin-left:auto!important}
  .nav-panel{display:none!important;position:absolute!important;left:14px!important;right:14px!important;top:calc(100% + 6px)!important;width:auto!important;max-height:calc(100vh - 88px)!important;overflow:auto!important;border-radius:18px!important;padding:12px!important}
  .nav-panel.open,.site-header .nav-panel.open{display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .nav-links{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:stretch!important}
  .nav-links>li>a,.drop-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:10px 13px!important;font-size:13px!important;border-radius:10px!important}
  .nav-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:9px!important}
  .nav-actions .btn{width:100%!important;justify-content:center!important}
  .dropdown-menu{position:static!important;width:100%!important;margin-top:3px!important;border-radius:12px!important;box-shadow:none!important}
  .dropdown-menu a{min-height:40px!important;padding:10px 13px!important}

  /* Hero */
  .hero{min-height:560px!important}
  .hero-slide{min-height:560px!important}
  .hero-inner{min-height:560px!important;display:flex!important;align-items:flex-end!important;padding:40px 0 70px!important}
  .hero-copy{width:100%!important;max-width:none!important;padding:0 4px!important}
  .hero-copy h1{font-size:clamp(31px,9vw,43px)!important;line-height:1.04!important}
  .hero-copy .hero-sub{font-size:14px!important;line-height:1.55!important;max-width:330px!important}
  .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important}
  .hero-buttons .btn{min-height:46px!important;font-size:12px!important;padding:10px 12px!important}
  .hero-caption{display:none!important}
  .hero-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;top:50%!important;transform:translateY(-50%)!important;padding:0!important;line-height:1!important;font-size:14px!important}
  .hero-arrow i{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:1!important;margin:0!important;padding:0!important}
  .hero-arrow.prev{left:10px!important}.hero-arrow.next{right:10px!important}

  /* Feature strip */
  .feature-strip{padding:16px 0 18px!important}
  .feature-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .feature-item{min-height:94px!important;padding:13px 11px!important;border-radius:15px!important;gap:9px!important}
  .feature-item:last-child{grid-column:1 / -1!important}
  .feature-icon{width:38px!important;height:38px!important;min-width:38px!important}
  .feature-item b{font-size:13px!important}.feature-item small{font-size:10px!important;line-height:1.35!important}

  /* Sections */
  .section{padding:56px 0!important}
  .section-heading{margin-bottom:24px!important}
  .section-heading h2{font-size:30px!important;line-height:1.08!important}
  .section-heading p{font-size:13px!important;line-height:1.55!important}

  /* More Than A Course */
  .ecosystem-grid{grid-template-columns:1fr!important;gap:14px!important}
  .eco-card{min-height:250px!important;border-radius:18px!important;padding:22px!important}
  .eco-card h3{font-size:22px!important}.eco-card p{font-size:12px!important;max-width:290px!important}
  .eco-card .watermark{font-size:58px!important}

  /* Learning path */
  .visual-path-grid{grid-template-columns:1fr!important;gap:14px!important}
  .path-card{min-height:235px!important;border-radius:18px!important}
  .path-content{left:17px!important;right:16px!important;bottom:17px!important}
  .path-content h3{font-size:22px!important}
  .path-content p{font-size:11px!important}

  /* Featured programs */
  .program-grid{grid-template-columns:1fr!important;gap:16px!important}
  .program-card{border-radius:18px!important;overflow:hidden!important}
  .program-art{height:205px!important;min-height:205px!important}
  .program-body{padding:19px!important}
  .program-body h3{font-size:21px!important;line-height:1.15!important}
  .program-body ul{padding-left:17px!important}

  /* Financial markets */
  .markets{padding:58px 0!important}
  .market-grid{grid-template-columns:1fr!important;gap:13px!important}
  .market-card.image-market{min-height:205px!important;border-radius:17px!important;padding:20px!important}
  .market-card.image-market h3{font-size:19px!important}
  .market-card.image-market p{font-size:12px!important}
  .market-card.image-market i{width:44px!important;height:44px!important}

  /* Education architecture */
  .architecture-board.architecture-pro{grid-template-columns:1fr!important;grid-template-rows:auto!important;padding:18px!important;gap:12px!important;border-radius:22px!important}
  .architecture-pro .arch-logo{grid-column:auto!important;grid-row:auto!important;order:-1!important;width:205px!important;height:205px!important;margin:4px auto 6px!important}
  .architecture-pro .arch-orbit{width:195px!important;height:195px!important}
  .architecture-pro .arch-badge{width:145px!important;height:145px!important}
  .architecture-pro .arch-badge img{width:136px!important;height:136px!important}
  .architecture-step{grid-column:auto!important;grid-row:auto!important;min-height:88px!important;padding:12px!important;border-radius:15px!important;grid-template-columns:34px 40px 1fr!important}
  .architecture-step i{width:38px!important;height:38px!important}
  .architecture-step strong{font-size:15px!important}.architecture-step small{font-size:10px!important}
  .support-grid{grid-template-columns:1fr!important;gap:10px!important}

  /* Journey */
  .journey{padding:56px 0!important}
  .journey-grid{grid-template-columns:1fr 1fr!important;gap:18px 10px!important}
  .journey-node strong{font-size:12px!important}.journey-node small{font-size:9px!important}

  /* CTA/footer */
  .cta-inner{display:flex!important;flex-direction:column!important;gap:22px!important;padding:26px 0!important}
  .cta-inner .hero-buttons{max-width:none!important}
  .footer{padding-top:44px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-logo.footer-logo-exact{width:150px!important;height:105px!important;justify-content:flex-start!important;margin-bottom:8px!important}
  .footer-logo-exact img{width:145px!important;height:100px!important}
  .footer-brand p{max-width:330px!important;font-size:12px!important;line-height:1.6!important}
  .footer-bottom{display:flex!important;flex-direction:column!important;gap:7px!important;text-align:center!important;padding-bottom:20px!important;font-size:10px!important}
}

/* =========================================================
   FINAL REQUEST — FEATURE STRIP + ECOSYSTEM + MARKET DATA
   Local high-resolution images, no repeats inside each section.
   ========================================================= */

/* 5 feature cards directly below the hero — crisp HD photography */
.feature-strip{padding:22px 0 26px!important;background:#fff!important}
.feature-grid{gap:16px!important}
.feature-item{
  position:relative!important;overflow:hidden!important;min-height:118px!important;
  border-radius:18px!important;padding:20px 18px!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  border:1px solid rgba(7,31,72,.10)!important;
  box-shadow:0 12px 28px rgba(5,25,60,.10)!important;
  isolation:isolate!important;color:#fff!important;
}
.feature-item::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(115deg,rgba(3,17,40,.86),rgba(3,17,40,.48))!important;
}
.feature-item:nth-child(1){background-image:url('assets/program-hd-01.jpg')!important}
.feature-item:nth-child(2){background-image:url('assets/program-hd-02.jpg')!important}
.feature-item:nth-child(3){background-image:url('assets/program-hd-03.jpg')!important}
.feature-item:nth-child(4){background-image:url('assets/program-hd-04.jpg')!important}
.feature-item:nth-child(5){background-image:url('assets/program-hd-05.jpg')!important}
.feature-item b,.feature-item small{color:#fff!important;position:relative!important;z-index:2!important}
.feature-item b{font-size:17px!important;letter-spacing:.2px!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
.feature-item small{font-size:12px!important;line-height:1.4!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
.feature-icon{position:relative!important;z-index:2!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;backdrop-filter:blur(4px)!important}
.feature-item:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(5,25,60,.18)!important}

/* MORE THAN A COURSE — visible white text + six unique HD backgrounds */
.ecosystem-grid .eco-card{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  min-height:300px!important;color:#fff!important;
}
.ecosystem-grid .eco-card::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(180deg,rgba(2,13,34,.30),rgba(2,13,34,.88))!important;
}
.ecosystem-grid .eco-card:nth-child(1){background-image:url('assets/course-1.jpg')!important}
.ecosystem-grid .eco-card:nth-child(2){background-image:url('assets/course-2.jpg')!important}
.ecosystem-grid .eco-card:nth-child(3){background-image:url('assets/course-3.jpg')!important}
.ecosystem-grid .eco-card:nth-child(4){background-image:url('assets/course-4.jpg')!important}
.ecosystem-grid .eco-card:nth-child(5){background-image:url('assets/course-5.jpg')!important}
.ecosystem-grid .eco-card:nth-child(6){background-image:url('assets/course-6.jpg')!important}
.ecosystem-grid .eco-card h3,.ecosystem-grid .eco-card p,.ecosystem-grid .eco-card .watermark,.ecosystem-grid .eco-card .card-icon,.ecosystem-grid .eco-card .circle-arrow{position:relative!important;z-index:3!important;color:#fff!important}
.ecosystem-grid .eco-card h3{font-size:25px!important;text-shadow:0 2px 8px rgba(0,0,0,.45)!important}
.ecosystem-grid .eco-card p{font-size:13px!important;line-height:1.6!important;color:rgba(255,255,255,.96)!important;max-width:330px!important;text-shadow:0 2px 8px rgba(0,0,0,.45)!important}
.ecosystem-grid .eco-card .watermark{color:rgba(255,255,255,.15)!important;opacity:1!important}
.ecosystem-grid .eco-card .card-icon{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;backdrop-filter:blur(4px)!important}
.ecosystem-grid .eco-card .circle-arrow{background:#fff!important;color:#071f48!important}

/* FINANCIAL MARKETS — 8 cards, eighth is Market Data & Analytics */
.market-card.image-market:nth-child(8){
  background-image:linear-gradient(180deg,rgba(4,20,49,.04),rgba(4,20,49,.82)),url('assets/program-hd-06.jpg')!important;
}
.market-card.image-market:nth-child(8){background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.market-card.image-market h3,.market-card.image-market p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.45)!important}

/* Keep the 8-card market grid balanced */
.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
@media(max-width:1200px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:980px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){
  .feature-grid{grid-template-columns:1fr!important;gap:12px!important}
  .feature-item,.feature-item:last-child{grid-column:auto!important;min-height:105px!important}
  .ecosystem-grid .eco-card{min-height:250px!important}
  .market-grid{grid-template-columns:1fr!important;gap:13px!important}
}


/* =========================================================
   FINAL IMAGE FIX — UNIQUE VISUALS, NO REPEATED PHOTOS
   Feature strip: 5 unique learning HD images
   Ecosystem: 6 unique market/program images
   Financial Markets: 8 unique market images
   ========================================================= */

/* Education / AI / Simulation / Mentorship / Opportunity */
.feature-item:nth-child(1){background-image:url('assets/learning-hd-01.jpg')!important}
.feature-item:nth-child(2){background-image:url('assets/learning-hd-02.jpg')!important}
.feature-item:nth-child(3){background-image:url('assets/learning-hd-03.jpg')!important}
.feature-item:nth-child(4){background-image:url('assets/learning-hd-04.jpg')!important}
.feature-item:nth-child(5){background-image:url('assets/learning-hd-05.jpg')!important}

/* More Than A Course — six completely different visuals */
.ecosystem-grid .eco-card:nth-child(1){background-image:url('assets/program-unique-1.jpg')!important}
.ecosystem-grid .eco-card:nth-child(2){background-image:url('assets/program-unique-2.jpg')!important}
.ecosystem-grid .eco-card:nth-child(3){background-image:url('assets/program-unique-3.jpg')!important}
.ecosystem-grid .eco-card:nth-child(4){background-image:url('assets/program-unique-4.jpg')!important}
.ecosystem-grid .eco-card:nth-child(5){background-image:url('assets/program-unique-5.jpg')!important}
.ecosystem-grid .eco-card:nth-child(6){background-image:url('assets/program-unique-6.jpg')!important}

/* Financial Markets — no classroom-image repeats */
.market-grid .market-card:nth-child(1){--market-image:url('assets/market-unique-1.jpg')!important}
.market-grid .market-card:nth-child(2){--market-image:url('assets/market-unique-2.jpg')!important}
.market-grid .market-card:nth-child(3){--market-image:url('assets/market-unique-3.jpg')!important}
/* Risk Management: dedicated sharper 1800px image */
.market-grid .market-card:nth-child(4){--market-image:url('assets/risk-management-hd.jpg')!important}
.market-grid .market-card:nth-child(5){--market-image:url('assets/market-unique-5.jpg')!important}
.market-grid .market-card:nth-child(6){--market-image:url('assets/market-unique-6.jpg')!important}
.market-grid .market-card:nth-child(7){--market-image:url('assets/market-unique-7.jpg')!important}
.market-grid .market-card:nth-child(8){--market-image:url('assets/path-unique-1.jpg')!important}

/* =========================================================
   FINAL CLIENT MOBILE / HD POLISH — ONLY REQUESTED CHANGES
   ========================================================= */

/* MORE THAN A COURSE — smaller cards, sharper local HD photos, readable text */
.ecosystem-grid{gap:18px!important}
.ecosystem-grid .eco-card{
  min-height:245px!important;
  height:245px!important;
  padding:20px!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
}
.ecosystem-grid .eco-card:nth-child(1){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-1.jpg')!important}
.ecosystem-grid .eco-card:nth-child(2){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-2.jpg')!important}
.ecosystem-grid .eco-card:nth-child(3){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-3.jpg')!important}
.ecosystem-grid .eco-card:nth-child(4){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-4.jpg')!important}
.ecosystem-grid .eco-card:nth-child(5){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-5.jpg')!important}
.ecosystem-grid .eco-card:nth-child(6){background-image:linear-gradient(180deg,rgba(2,13,34,.18),rgba(2,13,34,.84)),url('assets/course-6.jpg')!important}
.ecosystem-grid .eco-card h3{font-size:22px!important;line-height:1.15!important}
.ecosystem-grid .eco-card p{font-size:13px!important;line-height:1.5!important;max-width:320px!important}
.ecosystem-grid .eco-card .watermark{font-size:58px!important}

/* FINANCIAL MARKETS — local 1800x1200 HD images, especially Risk Management */
.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.74)),url('assets/market-hd-01.jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.74)),url('assets/market-hd-02.jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.76)),url('assets/market-hd-03.jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(4,20,49,.06),rgba(4,20,49,.72)),url('assets/risk-management-hd.jpg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.76)),url('assets/market-hd-05.jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.76)),url('assets/market-hd-06.jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.78)),url('assets/market-hd-07.jpg')!important}
.market-card.image-market:nth-child(8){background-image:linear-gradient(180deg,rgba(4,20,49,.08),rgba(4,20,49,.78)),url('assets/program-hd-06.jpg')!important}
.market-card.image-market{
  min-height:255px!important;
  padding:24px!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
}
.market-card.image-market i{width:52px!important;height:52px!important;font-size:19px!important;margin-bottom:14px!important}
.market-card.image-market h3{font-size:21px!important;line-height:1.2!important;letter-spacing:.01em!important}
.market-card.image-market p{font-size:13px!important;line-height:1.55!important;max-width:270px!important}

/* Education Architecture — clean mobile composition; center logo stays still, orbit rotates */
.architecture .section-heading{text-align:center!important}
.architecture-pro .arch-badge{animation:none!important;transform:none!important}
.architecture-pro .arch-orbit{animation:spinOrbit 12s linear infinite!important}

@media(max-width:640px){
  /* More Than A Course */
  .ecosystem-grid{grid-template-columns:1fr!important;gap:12px!important}
  .ecosystem-grid .eco-card{
    min-height:210px!important;
    height:210px!important;
    padding:18px!important;
    border-radius:16px!important;
  }
  .ecosystem-grid .eco-card h3{font-size:21px!important}
  .ecosystem-grid .eco-card p{font-size:12px!important;line-height:1.5!important;max-width:300px!important}
  .ecosystem-grid .eco-card .watermark{font-size:50px!important}

  /* Financial Markets — bigger, readable text on phone */
  .market-grid{grid-template-columns:1fr!important;gap:12px!important}
  .market-card.image-market{
    min-height:220px!important;
    padding:21px!important;
    border-radius:16px!important;
  }
  .market-card.image-market i{width:48px!important;height:48px!important;font-size:18px!important;margin-bottom:12px!important}
  .market-card.image-market h3{font-size:20px!important;line-height:1.2!important}
  .market-card.image-market p{font-size:13px!important;line-height:1.55!important;max-width:300px!important}

  /* Education Architecture — logo first, then compact 2-column steps */
  .architecture-pro{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto auto auto!important;
    gap:10px!important;
    padding:16px!important;
    min-height:0!important;
    border-radius:20px!important;
    align-items:stretch!important;
  }
  .architecture-pro .arch-logo{
    grid-column:1 / -1!important;
    grid-row:1!important;
    order:0!important;
    width:190px!important;
    height:190px!important;
    margin:0 auto 2px!important;
  }
  .architecture-pro .arch-orbit{width:184px!important;height:184px!important}
  .architecture-pro .arch-badge{width:132px!important;height:132px!important}
  .architecture-pro .arch-badge:before{font-size:72px!important}
  .architecture-pro .arch-badge:after{font-size:6px!important;bottom:22px!important}

  .architecture-pro .architecture-step{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:92px!important;
    padding:11px 9px!important;
    border-radius:14px!important;
    grid-template-columns:28px 34px 1fr!important;
    gap:7px!important;
  }
  .architecture-pro .architecture-step span{font-size:9px!important}
  .architecture-pro .architecture-step i{width:34px!important;height:34px!important;border-radius:10px!important;font-size:14px!important}
  .architecture-pro .architecture-step strong{font-size:13px!important;line-height:1.15!important}
  .architecture-pro .architecture-step small{font-size:8px!important;line-height:1.3!important;margin-top:3px!important}
  .architecture-pro .step-1{grid-column:1!important;grid-row:2!important}
  .architecture-pro .step-2{grid-column:2!important;grid-row:2!important}
  .architecture-pro .step-3{grid-column:1!important;grid-row:3!important}
  .architecture-pro .step-4{grid-column:2!important;grid-row:3!important}
  .architecture-pro .step-5{grid-column:1 / -1!important;grid-row:4!important}
}

/* =========================================================
   FINAL FINANCIAL MARKETS — UNIQUE STATIC IMAGES + READABLE TEXT
   ========================================================= */
.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.86)),url('assets/market-unique-1.jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.86)),url('assets/market-unique-2.jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(3,16,40,.10),rgba(3,16,40,.88)),url('assets/market-unique-7.jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(3,16,40,.10),rgba(3,16,40,.90)),url('assets/course-ai-risk.svg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(3,16,40,.10),rgba(3,16,40,.88)),url('assets/market-unique-3.jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.88)),url('assets/market-hd-02.jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.88)),url('assets/learning-hd-03.jpg')!important}
.market-card.image-market:nth-child(8){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.88)),url('assets/market-hd-05.jpg')!important}
.market-card.image-market{
  min-height:270px!important;
  padding:28px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  isolation:isolate!important;
}
.market-card.image-market h3{
  position:relative!important;
  z-index:5!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-shadow:0 2px 12px rgba(0,0,0,.85)!important;
}
.market-card.image-market p{
  position:relative!important;
  z-index:5!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:600!important;
  max-width:330px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
}
.market-card.image-market i{
  position:relative!important;
  z-index:6!important;
  width:56px!important;
  height:56px!important;
  margin-bottom:16px!important;
  font-size:20px!important;
  background:rgba(4,35,82,.92)!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.market-card.image-market:nth-child(even) i{background:rgba(151,12,43,.94)!important}
.market-card.image-market:before{z-index:1!important}
.market-card.image-market:after{z-index:2!important}
.market-card.image-market > *{position:relative;z-index:5}

@media(max-width:640px){
  .market-card.image-market{
    min-height:230px!important;
    padding:22px!important;
  }
  .market-card.image-market h3{font-size:21px!important}
  .market-card.image-market p{font-size:15px!important;line-height:1.5!important;max-width:310px!important}
  .market-card.image-market i{width:50px!important;height:50px!important;font-size:18px!important;margin-bottom:12px!important}
}



/* FINAL RESTORE — user requested the previously liked images for ONLY these two sections. */
.ecosystem-grid .eco-card:nth-child(1){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/learn.jpeg')!important}
.ecosystem-grid .eco-card:nth-child(2){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/analyze.jpeg')!important}
.ecosystem-grid .eco-card:nth-child(3){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/practice.jpeg')!important}
.ecosystem-grid .eco-card:nth-child(4){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/simulate.jpeg')!important}
.ecosystem-grid .eco-card:nth-child(5){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/connect.jpeg')!important}
.ecosystem-grid .eco-card:nth-child(6){background-image:linear-gradient(180deg,rgba(2,13,34,.12),rgba(2,13,34,.78)),url('assets/Evolve.jpeg')!important}
.ecosystem-grid .eco-card{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

.market-card.image-market:nth-child(1){background-image:linear-gradient(180deg,rgba(3,16,40,.06),rgba(3,16,40,.84)),url('https://images.pexels.com/photos/5831268/pexels-photo-5831268.jpeg?cs=srgb&dl=pexels-alphatradezone-5831268.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(2){background-image:linear-gradient(180deg,rgba(3,16,40,.06),rgba(3,16,40,.84)),url('https://images.pexels.com/photos/30572214/pexels-photo-30572214.jpeg?cs=srgb&dl=pexels-jakubzerdzicki-30572214.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(3){background-image:linear-gradient(180deg,rgba(3,16,40,.06),rgba(3,16,40,.86)),url('https://images.pexels.com/photos/38877607/pexels-photo-38877607.jpeg?cs=srgb&dl=pexels-thales13-38877607.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(4){background-image:linear-gradient(180deg,rgba(3,16,40,.05),rgba(3,16,40,.86)),url('https://images.pexels.com/photos/36598869/pexels-photo-36598869.jpeg?cs=srgb&dl=pexels-jakubzerdzicki-36598869.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(5){background-image:linear-gradient(180deg,rgba(3,16,40,.08),rgba(3,16,40,.88)),url('https://images.pexels.com/photos/5831253/pexels-photo-5831253.jpeg?cs=srgb&dl=pexels-alphatradezone-5831253.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(6){background-image:linear-gradient(180deg,rgba(3,16,40,.05),rgba(3,16,40,.86)),url('https://images.pexels.com/photos/31650949/pexels-photo-31650949.jpeg?cs=srgb&dl=pexels-jakubzerdzicki-31650949.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(7){background-image:linear-gradient(180deg,rgba(3,16,40,.06),rgba(3,16,40,.88)),url('https://images.pexels.com/photos/36755611/pexels-photo-36755611.jpeg?cs=srgb&dl=pexels-jakubzerdzicki-36755611.jpg&fm=jpg')!important}
.market-card.image-market:nth-child(8){background-image:linear-gradient(180deg,rgba(3,16,40,.06),rgba(3,16,40,.86)),url('https://images.pexels.com/photos/27459645/pexels-photo-27459645.jpeg?cs=srgb&dl=pexels-jakubzerdzicki-27459645.jpg&fm=jpg')!important}
.market-card.image-market{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.market-card.image-market h3{font-size:22px!important;line-height:1.22!important;text-shadow:0 2px 10px rgba(0,0,0,.58)!important}
.market-card.image-market p{font-size:15px!important;line-height:1.55!important;max-width:310px!important;text-shadow:0 2px 8px rgba(0,0,0,.58)!important}
@media(max-width:640px){.market-card.image-market h3{font-size:20px!important}.market-card.image-market p{font-size:14px!important;line-height:1.5!important}}



/* =========================================================
  Latest Code 
   ========================================================= */
   
   /* =========================================================
   PREMIUM LEARNING BENTO CARDS
   FINAL VERSION
   ========================================================= */

.premium-learning-section{
  width:100%;
  padding:38px 0 48px;
  background:#f5f8fd;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.premium-learning-grid{
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:18px;

  width:100%;

  align-items:start;
}


/* =========================================================
   ALL CARDS
   ========================================================= */

.premium-learning-card{
  position:relative;

  width:100%;

  aspect-ratio:16 / 9;

  height:auto !important;
  min-height:0 !important;

  overflow:hidden;

  border-radius:22px;

  background:#061a43;

  border:1px solid rgba(255,255,255,.18);

  box-shadow:
    0 14px 36px rgba(4,24,58,.15);

  line-height:0;

  opacity:0;

  transform:translateY(20px);

  animation:
    premiumCardFade .75s ease forwards;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}


/* =========================================================
   CARD IMAGES
   ========================================================= */

.premium-learning-card img{
  display:block;

  width:100% !important;
  height:100% !important;

  max-width:100%;

  object-fit:cover !important;

  object-position:center center;

  background:#061a43;

  transform:scale(1);

  transition:
    transform .6s ease;
}


/* =========================================================
   ROW 1
   EDUCATION + AI
   ========================================================= */

.education-card{
  grid-column:1;
  grid-row:1;

  animation-delay:.05s;
}

.ai-card{
  grid-column:2;
  grid-row:1;

  animation-delay:.15s;
}


/* =========================================================
   ROW 2
   SIMULATION + MENTORSHIP
   ========================================================= */

.simulation-card{
  grid-column:1;
  grid-row:2;

  animation-delay:.25s;
}

.mentorship-card{
  grid-column:2;
  grid-row:2;

  animation-delay:.35s;
}


/* =========================================================
   ROW 3
   OPPORTUNITY
   ONE SINGLE CENTER CARD
   ========================================================= */

.opportunity-card{
  grid-column:1 / 3;
  grid-row:3;

  width:50% !important;

  justify-self:center;

  animation-delay:.45s;
}


/* =========================================================
   FADE + SLIDE ANIMATION
   ========================================================= */

@keyframes premiumCardFade{

  0%{
    opacity:0;

    transform:
      translateY(25px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0);
  }

}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

.premium-learning-card:hover{

  transform:
    translateY(-5px);

  box-shadow:
    0 22px 48px rgba(4,24,58,.22);

  border-color:
    rgba(31,154,255,.65);
}


.premium-learning-card:hover img{

  transform:
    scale(1.025);
}


/* =========================================================
   SOFT LIGHT OVERLAY
   ========================================================= */

.premium-learning-card::after{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.06),
      transparent 35%,
      transparent 70%,
      rgba(255,255,255,.04)
    );

  opacity:.35;

  z-index:2;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:980px){

  .premium-learning-section{
    padding:30px 0 38px;
  }

  .premium-learning-grid{

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:14px;
  }

  .premium-learning-card{

    aspect-ratio:16 / 9;

    border-radius:20px;
  }

  .premium-learning-card img{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .premium-learning-section{

    padding:20px 0 30px;
  }


  .premium-learning-grid{

    display:flex !important;

    flex-direction:column !important;

    align-items:stretch !important;

    gap:13px;

    width:100%;
  }


  /* ALL MOBILE CARDS */

  .premium-learning-card{

    width:100% !important;

    height:auto !important;

    min-height:0 !important;

    aspect-ratio:16 / 9 !important;

    border-radius:17px;

    flex:none;
  }


  .premium-learning-card img{

    display:block !important;

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    object-position:center center;

    transform:none !important;
  }


  /* OPPORTUNITY ALSO FULL WIDTH ON MOBILE */

  .opportunity-card{

    width:100% !important;

    grid-column:auto;

    grid-row:auto;
  }


  /* NO HOVER MOVEMENT ON MOBILE */

  .premium-learning-card:hover{

    transform:none;

    box-shadow:
      0 12px 30px rgba(4,24,58,.15);
  }

  .premium-learning-card:hover img{

    transform:none;
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .premium-learning-card{

    animation:none;

    opacity:1;

    transform:none;
  }

  .premium-learning-card img{

    transition:none;
  }
}
/* =========================================================
   MORE THAN A COURSE
   LEARN • ANALYSE • PRACTICE • SIMULATE • CONNECT • EVOLVE
   FINAL VERSION
   ========================================================= */

/* MAIN GRID */
.ecosystem-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
}


/* =========================================================
   CARD
   ========================================================= */

.ecosystem-grid .eco-card{
  position:relative !important;

  width:100% !important;
  height:300px !important;
  min-height:300px !important;

  padding:0 !important;
  margin:0 !important;

  overflow:hidden !important;
  isolation:isolate !important;

  border-radius:20px !important;
  border:1px solid rgba(7,31,72,.15) !important;

  background:#061a43 !important;

  box-shadow:
    0 12px 30px rgba(4,24,58,.14) !important;

  color:#fff !important;
}


/* REMOVE OLD BACKGROUND IMAGES */
.ecosystem-grid .eco-card{
  background-image:none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.ecosystem-grid .eco-card > img{
  position:absolute !important;

  top:50% !important;
  left:50% !important;

  width:100% !important;
  height:100% !important;

  display:block !important;

  max-width:none !important;

  object-fit:cover !important;
  object-position:center center !important;

  z-index:0 !important;

  /*
    IMPORTANT:
    This zoom removes the black blank
    space from the original square images.
  */
  transform:translate(-50%,-50%) scale(1.18) !important;

  transition:transform .55s ease !important;
}


/* =========================================================
   DARK GRADIENT FOR TEXT
   ========================================================= */

.ecosystem-grid .eco-card::after{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  z-index:1 !important;

  pointer-events:none !important;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,.92) 0%,
      rgba(0,0,0,.72) 25%,
      rgba(0,0,0,.35) 45%,
      rgba(0,0,0,.08) 65%,
      transparent 78%
    ) !important;
}


/* =========================================================
   TEXT CONTENT
   ========================================================= */

.eco-content{
  position:absolute !important;

  left:22px !important;
  right:22px !important;
  bottom:19px !important;

  z-index:3 !important;

  color:#fff !important;

  text-align:left !important;
}


/* =========================================================
   SMALL WHITE LINE
   ========================================================= */

.eco-line{
  display:block !important;

  width:34px !important;
  height:3px !important;

  margin:0 0 7px 0 !important;

  background:#fff !important;

  border-radius:10px !important;

  box-shadow:
    0 0 8px rgba(255,255,255,.8) !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.ecosystem-grid .eco-card .eco-content h3{
  margin:0 !important;
  padding:0 !important;

  color:#fff !important;

  font-size:25px !important;
  line-height:1.1 !important;

  font-weight:700 !important;

  letter-spacing:.2px !important;

  text-shadow:
    0 2px 5px rgba(0,0,0,.95),
    0 3px 12px rgba(0,0,0,.8) !important;
}


/* =========================================================
   DESCRIPTION TEXT
   ========================================================= */

.ecosystem-grid .eco-card .eco-content p{
  margin:6px 0 0 0 !important;
  padding:0 !important;

  color:#fff !important;

  font-size:14px !important;
  line-height:1.45 !important;

  font-weight:500 !important;

  letter-spacing:.1px !important;

  max-width:350px !important;

  text-shadow:
    0 2px 5px rgba(0,0,0,1),
    0 1px 10px rgba(0,0,0,.85) !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.ecosystem-grid .eco-card:hover{
  transform:translateY(-5px) !important;

  box-shadow:
    0 20px 42px rgba(4,24,58,.22) !important;
}

.ecosystem-grid .eco-card:hover > img{
  transform:translate(-50%,-50%) scale(1.20) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:980px){

  .ecosystem-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:15px !important;
  }

  .ecosystem-grid .eco-card{
    height:285px !important;
    min-height:285px !important;
  }

  .eco-content{
    left:20px !important;
    right:20px !important;
    bottom:18px !important;
  }

  .ecosystem-grid .eco-card .eco-content h3{
    font-size:23px !important;
  }

  .ecosystem-grid .eco-card .eco-content p{
    font-size:13px !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .ecosystem-grid{
    display:grid !important;

    grid-template-columns:1fr !important;

    gap:14px !important;

    width:100% !important;
  }

  .ecosystem-grid .eco-card{
    width:100% !important;

    height:250px !important;
    min-height:250px !important;

    border-radius:17px !important;
  }

  /* KEEP IMAGE CROPPED */
  .ecosystem-grid .eco-card > img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transform:
      translate(-50%,-50%)
      scale(1.18) !important;
  }

  .eco-content{
    left:17px !important;
    right:17px !important;
    bottom:16px !important;
  }

  .eco-line{
    width:28px !important;
    height:2px !important;

    margin-bottom:6px !important;
  }

  .ecosystem-grid .eco-card .eco-content h3{
    font-size:21px !important;
    line-height:1.1 !important;
  }

  .ecosystem-grid .eco-card .eco-content p{
    font-size:12px !important;
    line-height:1.4 !important;

    margin-top:5px !important;

    max-width:300px !important;
  }

  .ecosystem-grid .eco-card:hover{
    transform:none !important;
  }

  .ecosystem-grid .eco-card:hover > img{
    transform:
      translate(-50%,-50%)
      scale(1.18) !important;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .ecosystem-grid .eco-card,
  .ecosystem-grid .eco-card > img{
    transition:none !important;
  }
}

/* =========================================================
   EDUCATION ARCHITECTURE — MOBILE FINAL FIX
   ========================================================= */

@media(max-width:640px){

  /* -------------------------------------------------------
     MAIN ARCHITECTURE BOARD
     FORCE ONE FULL-WIDTH COLUMN
     ------------------------------------------------------- */

  .architecture-board.architecture-pro{
    display:grid !important;

    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;

    width:100% !important;

    padding:20px 12px 22px !important;

    gap:12px !important;

    min-height:0 !important;

    overflow:hidden !important;
  }


  /* -------------------------------------------------------
     ALL 5 CARDS
     MAKE EVERY CARD FULL WIDTH
     ------------------------------------------------------- */

  .architecture-board.architecture-pro .architecture-step{
    grid-column:1 !important;
    grid-row:auto !important;

    width:100% !important;
    min-width:0 !important;

    min-height:78px !important;

    height:auto !important;

    padding:12px 11px !important;

    display:grid !important;

    grid-template-columns:32px 38px minmax(0,1fr) !important;

    gap:8px !important;

    border-radius:15px !important;

    overflow:hidden !important;
  }


  /* NUMBER */
  .architecture-board.architecture-pro
  .architecture-step > span{
    font-size:9px !important;
    white-space:nowrap !important;
  }


  /* ICON */
  .architecture-board.architecture-pro
  .architecture-step > i{
    width:34px !important;
    height:34px !important;

    border-radius:10px !important;

    font-size:14px !important;
  }


  /* TITLE */
  .architecture-board.architecture-pro
  .architecture-step strong{
    font-size:13px !important;
    line-height:1.15 !important;

    white-space:normal !important;
  }


  /* DESCRIPTION */
  .architecture-board.architecture-pro
  .architecture-step small{
    display:block !important;

    margin-top:3px !important;

    font-size:8px !important;
    line-height:1.35 !important;

    white-space:normal !important;
  }


  /* -------------------------------------------------------
     LOGO AREA
     KEEP LOGO CENTERED
     ------------------------------------------------------- */

  .architecture-pro .arch-logo{
    grid-column:1 !important;
    grid-row:auto !important;

    order:-1 !important;

    width:250px !important;
    height:250px !important;

    max-width:100% !important;

    margin:0 auto !important;

    display:grid !important;
    place-items:center !important;

    position:relative !important;

    overflow:visible !important;
  }


  /* -------------------------------------------------------
     LOGO ITSELF
     SMALLER THAN THE ORBIT
     ------------------------------------------------------- */

  .architecture-pro .arch-badge{
    width:150px !important;
    height:150px !important;

    position:relative !important;

    z-index:3 !important;

    flex:none !important;

    border-radius:50% !important;

    background:#fff !important;

    animation:none !important;

    transform:none !important;

    box-shadow:
      0 12px 28px rgba(6,26,67,.15) !important;
  }


  .architecture-pro .arch-badge img{
    width:140px !important;
    height:140px !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;

    animation:none !important;
    transform:none !important;
  }


  /* -------------------------------------------------------
     ROTATING OUTER RING
     MORE SPACE BETWEEN LOGO + RING
     ------------------------------------------------------- */

  .architecture-pro .arch-orbit{
    position:absolute !important;

    width:232px !important;
    height:232px !important;

    top:50% !important;
    left:50% !important;

    margin:0 !important;

    transform:translate(-50%,-50%) !important;

    border:2px dashed rgba(7,95,202,.30) !important;

    border-radius:50% !important;

    z-index:1 !important;

    animation:spinOrbit 12s linear infinite !important;
  }


  /* -------------------------------------------------------
     ORBIT DOTS
     ------------------------------------------------------- */

  .architecture-pro .orbit-dot{
    position:absolute !important;

    width:9px !important;
    height:9px !important;

    border-radius:50% !important;
  }


  .architecture-pro .dot-a{
    top:-5px !important;
    left:50% !important;

    transform:translateX(-50%) !important;
  }


  .architecture-pro .dot-b{
    bottom:5px !important;
    right:5px !important;
  }


  /* -------------------------------------------------------
     REMOVE ANY OLD MOBILE WIDTH RESTRICTIONS
     ------------------------------------------------------- */

  .architecture-board.architecture-pro
  .step-1,
  .architecture-board.architecture-pro
  .step-2,
  .architecture-board.architecture-pro
  .step-3,
  .architecture-board.architecture-pro
  .step-4,
  .architecture-board.architecture-pro
  .step-5{
    grid-column:1 !important;
    grid-row:auto !important;

    width:100% !important;
    justify-self:stretch !important;
  }


  /* -------------------------------------------------------
     KEEP THE RED/BLUE LEFT BORDER
     ------------------------------------------------------- */

  .architecture-step.step-1:before,
  .architecture-step.step-3:before,
  .architecture-step.step-5:before{
    width:4px !important;
    background:#075fca !important;
  }

  .architecture-step.step-2:before,
  .architecture-step.step-4:before{
    width:4px !important;
    background:#8e0b2a !important;
  }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:380px){

  .architecture-board.architecture-pro{
    padding-left:9px !important;
    padding-right:9px !important;
  }

  .architecture-pro .arch-logo{
    width:230px !important;
    height:230px !important;
  }

  .architecture-pro .arch-orbit{
    width:215px !important;
    height:215px !important;
  }

  .architecture-pro .arch-badge{
    width:138px !important;
    height:138px !important;
  }

  .architecture-pro .arch-badge img{
    width:130px !important;
    height:130px !important;
  }

  .architecture-board.architecture-pro .architecture-step{
    grid-template-columns:30px 35px minmax(0,1fr) !important;
    padding:11px 9px !important;
  }

  .architecture-board.architecture-pro
  .architecture-step strong{
    font-size:12px !important;
  }

  .architecture-board.architecture-pro
  .architecture-step small{
    font-size:7.5px !important;
  }
}
/* =========================================================
   EDUCATION ARCHITECTURE IMAGE CARDS
   ========================================================= */

.architecture-board.architecture-pro
.architecture-image-card{

  position:relative !important;

  overflow:hidden !important;

  padding:0 !important;

  min-height:0 !important;

  background:#ffffff !important;

  border-radius:16px !important;

  border:1px solid rgba(7,95,202,.15) !important;

  box-shadow:
    0 10px 28px rgba(6,26,67,.10) !important;

  line-height:0 !important;

  display:block !important;
}


/* REMOVE OLD CARD LEFT BORDER */
.architecture-board.architecture-pro
.architecture-image-card::before{

  display:none !important;
}


/* IMAGE */
.architecture-image-card > img{

  display:block !important;

  width:100% !important;
  height:100% !important;

  max-width:none !important;
  max-height:none !important;

  object-fit:cover !important;

  object-position:center !important;

  margin:0 !important;

  padding:0 !important;

  transform:scale(1) !important;

  transition:
    transform .5s ease,
    filter .5s ease !important;
}


/* HOVER */
.architecture-image-card:hover > img{

  transform:scale(1.035) !important;

  filter:brightness(1.04) !important;
}


/* NUMBER */
.architecture-image-card
.architecture-number{

  position:absolute !important;

  top:9px !important;
  right:10px !important;

  z-index:5 !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:27px !important;
  height:20px !important;

  border-radius:7px !important;

  background:rgba(255,255,255,.88) !important;

  color:#061a43 !important;

  font-family:Inter,sans-serif !important;

  font-size:9px !important;

  font-weight:800 !important;

  line-height:1 !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.12) !important;
}


/* =========================================================
   BLUE CARDS
   ========================================================= */

.architecture-image-card.step-1,
.architecture-image-card.step-2,
.architecture-image-card.step-5{

  border-color:rgba(7,95,202,.35) !important;
}


/* =========================================================
   MAROON CARDS
   ========================================================= */

.architecture-image-card.step-3,
.architecture-image-card.step-4{

  border-color:rgba(142,11,42,.35) !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media(min-width:981px){

  .architecture-image-card{

    min-height:96px !important;

  }

  .architecture-image-card > img{

    aspect-ratio:16 / 6 !important;

  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:980px) and (min-width:641px){

  .architecture-image-card{

    min-height:92px !important;

  }

  .architecture-image-card > img{

    aspect-ratio:16 / 6 !important;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .architecture-board.architecture-pro
  .architecture-image-card{

    width:100% !important;

    min-width:0 !important;

    min-height:0 !important;

    height:auto !important;

    padding:0 !important;

    border-radius:15px !important;

    overflow:hidden !important;
  }


  .architecture-image-card > img{

    display:block !important;

    width:100% !important;

    height:auto !important;

    aspect-ratio:16 / 7 !important;

    object-fit:cover !important;

    object-position:center !important;

  }


  .architecture-image-card
  .architecture-number{

    top:7px !important;
    right:7px !important;

    width:25px !important;
    height:19px !important;

    font-size:8px !important;

  }


  /* NO HOVER ZOOM ON MOBILE */
  .architecture-image-card:hover > img{

    transform:none !important;

    filter:none !important;

  }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:380px){

  .architecture-image-card > img{

    aspect-ratio:16 / 7 !important;

  }

  .architecture-image-card
  .architecture-number{

    top:6px !important;
    right:6px !important;

    width:23px !important;
    height:18px !important;

    font-size:7.5px !important;

  }

}
/* =========================================================
   PREMIUM SUPPORT CARDS
   DARK BLUE + MAROON GLOSSY GRADIENT
   ========================================================= */

.support-grid{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:16px !important;
  width:100% !important;
  margin-top:22px !important;
}


/* =========================================================
   BASE CARD
   ========================================================= */

.support-card{
  position:relative !important;

  min-height:145px !important;

  padding:22px 24px !important;

  overflow:hidden !important;

  border-radius:18px !important;

  color:#fff !important;

  border:1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 12px 30px rgba(6,26,67,.18) !important;

  isolation:isolate !important;

  transition:
    transform .35s ease,
    box-shadow .35s ease !important;
}


/* =========================================================
   BLUE
   ========================================================= */

.support-blue{
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(29,157,255,.95),
      transparent 34%
    ),
    linear-gradient(
      115deg,
      #03194a 0%,
      #062b78 45%,
      #075fca 100%
    ) !important;
}


/* =========================================================
   MAROON
   ========================================================= */

.support-maroon{
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(255,45,91,.85),
      transparent 34%
    ),
    linear-gradient(
      115deg,
      #3b0014 0%,
      #68051f 45%,
      #8e0b2a 100%
    ) !important;
}


/* =========================================================
   GLOSSY WAVE
   ========================================================= */

.support-card::before{
  content:"" !important;

  position:absolute !important;

  width:75% !important;
  height:160% !important;

  right:-12% !important;
  bottom:-75% !important;

  border-radius:50% !important;

  border-top:2px solid rgba(255,255,255,.55) !important;

  box-shadow:
    0 -8px 20px rgba(255,255,255,.08) !important;

  transform:rotate(-12deg) !important;

  z-index:-1 !important;
}


/* SECOND GLOSSY WAVE */

.support-card::after{
  content:"" !important;

  position:absolute !important;

  width:65% !important;
  height:120% !important;

  right:-5% !important;
  bottom:-65% !important;

  border-radius:50% !important;

  border-top:1px solid rgba(255,255,255,.32) !important;

  transform:rotate(-18deg) !important;

  z-index:-1 !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

.support-card > span{
  position:relative !important;

  display:block !important;

  margin-bottom:13px !important;

  color:#27bfff !important;

  font-size:11px !important;

  font-weight:800 !important;

  letter-spacing:1.5px !important;

  z-index:3 !important;
}


.support-maroon > span{
  color:#ff4772 !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.support-card > b{
  position:relative !important;

  display:block !important;

  color:#fff !important;

  font-size:17px !important;

  line-height:1.2 !important;

  font-weight:700 !important;

  letter-spacing:.1px !important;

  z-index:3 !important;

  text-shadow:
    0 2px 8px rgba(0,0,0,.35) !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.support-card > small{
  position:relative !important;

  display:block !important;

  margin-top:7px !important;

  color:rgba(255,255,255,.78) !important;

  font-size:11px !important;

  line-height:1.4 !important;

  z-index:3 !important;
}


/* =========================================================
   GLOW LINE
   ========================================================= */

.support-blue{
  box-shadow:
    0 12px 30px rgba(6,26,67,.18),
    inset 0 0 0 1px rgba(29,157,255,.18),
    0 0 18px rgba(7,95,202,.10) !important;
}


.support-maroon{
  box-shadow:
    0 12px 30px rgba(6,26,67,.18),
    inset 0 0 0 1px rgba(255,45,91,.18),
    0 0 18px rgba(142,11,42,.10) !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.support-card:hover{
  transform:translateY(-5px) !important;

  box-shadow:
    0 20px 42px rgba(6,26,67,.28) !important;
}


/* =========================================================
   DESKTOP LAYOUT
   3 TOP + 2 CENTER
   ========================================================= */

.support-card:nth-child(1){
  grid-column:1 / 3 !important;
}

.support-card:nth-child(2){
  grid-column:3 / 5 !important;
}

.support-card:nth-child(3){
  grid-column:5 / 7 !important;
}

.support-card:nth-child(4){
  grid-column:2 / 4 !important;
}

.support-card:nth-child(5){
  grid-column:4 / 6 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:980px){

  .support-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .support-card:nth-child(1),
  .support-card:nth-child(2),
  .support-card:nth-child(3),
  .support-card:nth-child(4){
    grid-column:auto !important;
  }

  .support-card:nth-child(5){
    grid-column:1 / 3 !important;
    width:50% !important;
    justify-self:center !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .support-grid{
    display:grid !important;

    grid-template-columns:1fr !important;

    gap:12px !important;

    margin-top:16px !important;
  }


  .support-card,
  .support-card:nth-child(1),
  .support-card:nth-child(2),
  .support-card:nth-child(3),
  .support-card:nth-child(4),
  .support-card:nth-child(5){

    grid-column:1 !important;

    width:100% !important;

    min-height:115px !important;

    padding:18px 19px !important;

    border-radius:16px !important;
  }


  .support-card > span{
    margin-bottom:10px !important;
    font-size:9px !important;
  }


  .support-card > b{
    font-size:15px !important;
  }


  .support-card > small{
    font-size:10px !important;
    margin-top:6px !important;
  }


  .support-card:hover{
    transform:none !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:380px){

  .support-card{
    min-height:108px !important;
    padding:16px !important;
  }

  .support-card > b{
    font-size:14px !important;
  }

  .support-card > small{
    font-size:9.5px !important;
  }
}
























/* =========================================================
   BITWISE ACADEMY — HEADER / NAVIGATION  (About Us)
   ========================================================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid rgba(15, 39, 71, 0.08);
  box-shadow: 0 4px 18px rgba(15, 39, 71, 0.06);
}

.navbar {
  max-width: 1400px;
  margin: 0 auto;
  min-height: 78px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* Logo */

.brand-exact {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.brand-exact-logo {
  width: 175px;
  height: auto;
  display: block;
}

/* Navigation */

.nav-panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
  flex: 1;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-links li {
  position: relative;
}

.nav-links a,
.drop-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 0;
  color: #102a4c;
  background: transparent;
  border: none;
  text-decoration: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.25s ease;
}

/* Blue hover */

.nav-links a:hover,
.drop-btn:hover {
  color: #123f73;
}

/* Active page */

.nav-links a.active {
  color: #8f1735;
}

.nav-links a.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #8f1735;
  border-radius: 10px;
}

/* Dropdown */

.dropdown {
  position: relative;
}

.drop-btn span {
  font-size: 15px;
  line-height: 1;
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  min-width: 220px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(15, 39, 71, 0.10);
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(15, 39, 71, 0.14);
  display: none;
  flex-direction: column;
  z-index: 1100;
}

.dropdown-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 25px;
  width: 13px;
  height: 13px;
  background: #ffffff;
  border-left: 1px solid rgba(15, 39, 71, 0.10);
  border-top: 1px solid rgba(15, 39, 71, 0.10);
  transform: rotate(45deg);
}

.dropdown-menu a {
  width: 100%;
  padding: 10px 12px;
  border-radius: 7px;
  font-size: 13px;
  color: #102a4c;
}

.dropdown-menu a::after {
  display: none;
}

.dropdown-menu a:hover {
  color: #ffffff;
  background: #102f55;
}

.dropdown:hover .dropdown-menu {
  display: flex;
}

/* Navigation buttons */

.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 7px;
  font-weight: 700;
  transition: all 0.25s ease;
}

.btn-small {
  min-height: 40px;
  padding: 0 18px;
  font-size: 13px;
}

.btn-blue {
  color: #ffffff !important;
  background: #123f73;
}

.btn-blue:hover {
  background: #0c315d;
  transform: translateY(-1px);
}

.btn-red {
  color: #ffffff !important;
  background: #8f1735;
}

.btn-red:hover {
  background: #74122b;
  transform: translateY(-1px);
}

/* Mobile menu button */

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 8px;
  border: 1px solid rgba(15, 39, 71, 0.12);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 5px auto;
  background: #102f55;
  border-radius: 4px;
}


/* =========================================================
   MOBILE HEADER
   ========================================================= */

@media (max-width: 1100px) {

  .navbar {
    min-height: 72px;
    padding: 0 22px;
  }

  .brand-exact-logo {
    width: 155px;
  }

  .menu-toggle {
    display: block;
  }

  .nav-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 18px 22px 24px;
    background: #ffffff;
    border-top: 1px solid rgba(15, 39, 71, 0.08);
    box-shadow: 0 15px 30px rgba(15, 39, 71, 0.10);
  }

  .nav-panel.open {
    display: flex;
  }

  .nav-links {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .nav-links li {
    width: 100%;
  }

  .nav-links a,
  .drop-btn {
    width: 100%;
    padding: 13px 4px;
    justify-content: space-between;
  }

  .nav-links a.active::after {
    display: none;
  }

  .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0;
    margin: 4px 0 8px;
    box-shadow: none;
    border-radius: 8px;
    background: #f7f9fc;
  }

  .dropdown-menu::before {
    display: none;
  }

  .dropdown:hover .dropdown-menu {
    display: none;
  }

  .dropdown.open .dropdown-menu {
    display: flex;
  }

  .nav-actions {
    margin-top: 12px;
    padding-top: 15px;
    border-top: 1px solid rgba(15, 39, 71, 0.08);
  }

  .nav-actions .btn {
    flex: 1;
  }
}

@media (max-width: 500px) {

  .navbar {
    padding: 0 16px;
  }

  .brand-exact-logo {
    width: 140px;
  }

  .nav-panel {
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* =========================================================
   BITWISE ACADEMY — FOOTER
   ========================================================= */

.footer {
  position: relative;
  margin-top: 80px;
  padding: 70px 0 0;
  background: #0b2442;
  color: #ffffff;
  overflow: hidden;
}

.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(
    90deg,
    #123f73 0%,
    #123f73 50%,
    #8f1735 50%,
    #8f1735 100%
  );
}

.footer-grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px 55px;
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr 1.5fr;
  gap: 40px;
}

/* Footer brand */

.footer-brand {
  max-width: 330px;
}

.footer-logo-exact {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}

.footer-logo-exact img {
  width: 175px;
  height: auto;
  display: block;
}

.footer-brand p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.8;
}

/* Footer headings */

.footer h4 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}

/* Footer links */

.footer-grid > div:not(.footer-brand):not(.newsletter) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer a {
  color: rgba(255, 255, 255, 0.68);
  text-decoration: none;
  font-size: 13px;
  transition: all 0.25s ease;
}

.footer a:hover {
  color: #ffffff;
  transform: translateX(3px);
}

/* Social links */

.socials {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
}

.socials a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.25s ease;
}

.socials a:hover {
  background: #8f1735;
  border-color: #8f1735;
  transform: translateY(-2px);
}

/* Newsletter */

.newsletter p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.7;
}

.newsletter form {
  display: flex;
  width: 100%;
  max-width: 300px;
}

.newsletter input {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 0;
  border-radius: 7px 0 0 7px;
  outline: none;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-family: inherit;
  font-size: 12px;
}

.newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.48);
}

.newsletter input:focus {
  border-color: rgba(255, 255, 255, 0.35);
}

.newsletter button {
  width: 46px;
  height: 42px;
  border: none;
  border-radius: 0 7px 7px 0;
  background: #8f1735;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.25s ease;
}

.newsletter button:hover {
  background: #74122b;
}

.newsletter-feedback {
  max-width: 300px;
  font-size: 12px;
  margin-top: 8px;
  line-height: 1.4;
  font-weight: 600;
  transition: all 0.25s ease;
}

/* Footer bottom */

.footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.50);
  font-size: 11px;
}

.footer-bottom a {
  color: #38bdf8;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.25s ease;
}

.footer-bottom a:hover {
  color: #7dd3fc;
  text-decoration: underline;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.45);
}

.footer-bottom .footer-credit {
  color: #94a3b8;
  letter-spacing: 0.02em;
}



/* =========================================================
   MOBILE FOOTER
   ========================================================= */

@media (max-width: 900px) {

  .footer {
    padding-top: 55px;
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 38px 30px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .footer-brand {
    max-width: 100%;
    grid-column: 1 / -1;
  }

  .newsletter {
    grid-column: 1 / -1;
  }

  .footer-bottom {
    padding-left: 22px;
    padding-right: 22px;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 550px) {

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .footer-brand,
  .newsletter {
    grid-column: auto;
  }

  .footer-bottom {
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
  }

  .footer-logo-exact img {
    width: 155px;
  }
}


/* =========================================================
   BITWISE ACADEMY - ABOUT PAGE
   BODY CSS ONLY
   ========================================================= */

.about-page {
    --about-navy: #061d49;
    --about-blue: #075fc7;
    --about-bright: #159cff;
    --about-maroon: #8f0b2a;
    --about-red: #d9173d;
    --about-white: #ffffff;
    --about-soft: #f5f8fd;
    --about-line: #dfe7f2;
    --about-text: #18263d;
    --about-muted: #64748b;

    width: 100%;
    overflow: hidden;
    color: var(--about-text);
    background: #ffffff;
}

.about-page *,
.about-page *::before,
.about-page *::after {
    box-sizing: border-box;
}

.about-page img {
    max-width: 100%;
    display: block;
}

.about-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.about-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--about-maroon);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.about-section {
    padding: 100px 0;
}

.about-heading {
    max-width: 760px;
    margin-bottom: 50px;
}

.about-heading.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.about-heading h2,
.about-text h2 {
    margin: 0 0 18px;
    color: var(--about-navy);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
}

.about-heading p,
.about-text p {
    color: var(--about-muted);
    font-size: 16px;
    line-height: 1.8;
}

.about-heading.center p {
    max-width: 700px;
    margin: 0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.about-hero {
    padding: 80px 0 0;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(21,156,255,0.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f8fd 100%
        );
    overflow: hidden;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 60px;
    padding-bottom: 65px;
}

.hero-content h1 {
    max-width: 680px;
    margin: 0 0 22px;
    color: var(--about-navy);
    font-size: clamp(40px, 5vw, 62px);
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.hero-content h1 span {
    display: block;
    color: var(--about-maroon);
}

.hero-content p {
    max-width: 650px;
    margin: 0 0 28px;
    color: var(--about-muted);
    font-size: 17px;
    line-height: 1.8;
}

.about-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.about-btn {
    min-height: 45px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.25s ease;
}

.about-btn-blue {
    background: var(--about-blue);
    color: #ffffff;
}

.about-btn-blue:hover {
    background: var(--about-navy);
    transform: translateY(-2px);
}

.about-btn-outline {
    border: 1px solid var(--about-navy);
    color: var(--about-navy);
    background: transparent;
}

.about-btn-outline:hover {
    background: var(--about-navy);
    color: #ffffff;
}


/* HERO IMAGE SIZE */

.about-page .hero-image {
    position: relative;
    width: 100%;
    height: 450px;
    min-height: 0;
    overflow: hidden;
    border-radius: 22px;
    background: var(--about-navy);
    box-shadow: 0 25px 60px rgba(6,29,73,0.16);
}

.about-page .hero-image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(6,29,73,0.02),
            rgba(6,29,73,0.70)
        );
}

.hero-badge {
    position: absolute;
    left: 22px;
    bottom: 22px;
    padding: 15px 20px;
    background: rgba(255,255,255,0.96);
    border-left: 4px solid var(--about-red);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
}

.hero-badge strong {
    display: block;
    color: var(--about-navy);
    font-size: 20px;
}

.hero-badge span {
    color: var(--about-maroon);
    font-size: 12px;
    font-weight: 700;
}


/* HERO FEATURES */

.hero-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--about-navy);
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.hero-features > div {
    min-height: 90px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 22px;
    border-right: 1px solid rgba(255,255,255,0.12);
}

.hero-features > div:last-child {
    border-right: none;
}

.hero-features b {
    color: var(--about-bright);
    font-size: 12px;
}

.hero-features span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   WHO WE ARE
   ========================================================= */

.who-section {
    background: #ffffff;
}

.two-column {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    align-items: center;
    gap: 70px;
}


/* ABOUT IMAGE SIZE */

.about-page .about-image {
    position: relative;
    width: 100%;
    height: 430px;
    min-height: 0;
    overflow: hidden;
    border-radius: 20px;
    background: var(--about-navy);
    box-shadow: 0 20px 50px rgba(6,29,73,0.12);
}

.about-page .about-image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-label {
    position: absolute;
    left: 22px;
    bottom: 22px;
    padding: 14px 18px;
    color: #ffffff;
    background: var(--about-maroon);
    border-radius: 8px;
}

.image-label strong,
.image-label small {
    display: block;
}

.image-label strong {
    font-size: 19px;
}

.image-label small {
    font-size: 10px;
    letter-spacing: 2px;
}

.about-text p {
    margin: 0 0 17px;
}

.about-line {
    width: 65px;
    height: 4px;
    margin: 25px 0 16px;
    border-radius: 5px;
    background: var(--about-maroon);
}

.about-highlight {
    color: var(--about-navy);
    font-size: 15px;
}


/* =========================================================
   VISION
   ========================================================= */

.vision-section {
    background: var(--about-soft);
}

.vision-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.vision-card {
    position: relative;
    min-height: 225px;
    padding: 28px;
    overflow: hidden;
    border-radius: 15px;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(6,29,73,0.10);
}

.vision-card.blue {
    background: linear-gradient(
        135deg,
        #061d49,
        #075fc7
    );
}

.vision-card.maroon {
    background: linear-gradient(
        135deg,
        #62051e,
        #8f0b2a
    );
}

.vision-card::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -55px;
    bottom: -70px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50%;
}

.vision-card > b {
    display: block;
    margin-bottom: 40px;
    color: rgba(255,255,255,0.60);
    font-size: 11px;
}

.vision-card h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.25;
}

.vision-card p {
    margin: 0;
    color: rgba(255,255,255,0.76);
    font-size: 13px;
    line-height: 1.65;
}

.vision-wide {
    grid-column: span 3;
}


/* =========================================================
   PHILOSOPHY
   ========================================================= */

.philosophy-section {
    background: #ffffff;
}

.philosophy-grid {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    align-items: center;
    gap: 70px;
}

.philosophy-grid h2 {
    margin: 0 0 20px;
    color: var(--about-navy);
    font-size: clamp(36px,4vw,54px);
    line-height: 1.1;
}

.philosophy-grid h2 em {
    color: var(--about-maroon);
    font-style: normal;
}

.philosophy-list {
    margin-top: 28px;
}

.philosophy-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid var(--about-line);
}

.philosophy-item > b {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--about-navy);
    color: #ffffff;
    font-size: 11px;
}

.philosophy-item h3 {
    margin: 0 0 5px;
    color: var(--about-navy);
    font-size: 19px;
}

.philosophy-item p {
    margin: 0;
    color: var(--about-muted);
    font-size: 13px;
}


/* ORBIT */

.philosophy-visual {
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-orbit {
    position: relative;
    width: 350px;
    height: 350px;
}

.orbit-ring {
    position: absolute;
    inset: 30px;
    border: 2px dashed rgba(7,95,199,0.28);
    border-radius: 50%;
    animation: aboutOrbitRotate 18s linear infinite;
}

.orbit-center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 135px;
    height: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--about-navy);
    color: #ffffff;
    box-shadow: 0 18px 45px rgba(6,29,73,0.20);
}

.orbit-center strong {
    color: var(--about-bright);
    font-size: 17px;
}

.orbit-center small {
    color: #ffffff;
    font-size: 9px;
    letter-spacing: 2px;
}

.orbit-node {
    position: absolute;
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--about-maroon);
    border-radius: 50%;
    background: #ffffff;
    color: var(--about-navy);
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 12px 30px rgba(6,29,73,0.10);
}

.orbit-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.orbit-right {
    right: 0;
    bottom: 20px;
}

.orbit-left {
    left: 0;
    bottom: 20px;
}

@keyframes aboutOrbitRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   PROBLEM
   ========================================================= */

.problem-section {
    background: var(--about-navy);
}

.problem-section .about-heading h2 {
    color: #ffffff;
}

.problem-section .about-heading p {
    color: rgba(255,255,255,0.68);
}

.problem-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
}

.problem-card {
    min-height: 265px;
    padding: 25px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 13px;
    background: rgba(255,255,255,0.05);
    transition: 0.3s ease;
}

.problem-card:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,0.09);
}

.problem-card > b {
    display: block;
    margin-bottom: 45px;
    color: var(--about-bright);
    font-size: 11px;
}

.problem-card h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
}

.problem-card p {
    margin: 0;
    color: rgba(255,255,255,0.62);
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   SOLUTION
   ========================================================= */

.solution-section {
    background: var(--about-soft);
}

.solution-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.solution-card {
    min-height: 275px;
    padding: 27px;
    border: 1px solid var(--about-line);
    border-radius: 14px;
    background: #ffffff;
    transition: 0.3s ease;
}

.solution-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(6,29,73,0.10);
}

.solution-card > span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
    border-radius: 50%;
    background: var(--about-navy);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.solution-card:nth-child(even) > span {
    background: var(--about-maroon);
}

.solution-card h3 {
    margin: 0 0 10px;
    color: var(--about-navy);
    font-size: 18px;
    line-height: 1.3;
}

.solution-card p {
    margin: 0;
    color: var(--about-muted);
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   ECOSYSTEM
   ========================================================= */

.ecosystem-section {
    padding: 100px 0;
    background:
        linear-gradient(
            135deg,
            #061d49,
            #020d25
        );
}

.ecosystem-section .about-heading h2 {
    color: #ffffff;
}

.ecosystem-section .about-heading p {
    color: rgba(255,255,255,0.68);
}

.ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ecosystem-card {
    min-height: 230px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 15px;
    background: rgba(255,255,255,0.05);
}

.ecosystem-card > b {
    color: var(--about-bright);
    font-size: 11px;
}

.ecosystem-card h3 {
    margin: 50px 0 9px;
    color: #ffffff;
    font-size: 25px;
}

.ecosystem-card p {
    margin: 0;
    color: rgba(255,255,255,0.64);
    font-size: 13px;
}


/* =========================================================
   UAE
   ========================================================= */

.uae-section {
    background: #ffffff;
}

.uae-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}

.uae-card {
    min-height: 205px;
    padding: 27px;
    border: 1px solid var(--about-line);
    border-radius: 14px;
    background: #ffffff;
    transition: 0.3s ease;
}

.uae-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(6,29,73,0.09);
}

.uae-card > b {
    display: block;
    margin-bottom: 40px;
    color: var(--about-maroon);
    font-size: 11px;
}

.uae-card h3 {
    margin: 0 0 9px;
    color: var(--about-navy);
    font-size: 19px;
}

.uae-card p {
    margin: 0;
    color: var(--about-muted);
    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   MISSION
   ========================================================= */

.mission-section {
    padding: 100px 0;
    background: var(--about-maroon);
    text-align: center;
}

.mission-section .about-eyebrow {
    color: rgba(255,255,255,0.70);
}

.mission-section h2 {
    margin: 0 0 50px;
    color: #ffffff;
    font-size: clamp(38px,5vw,60px);
    line-height: 1.05;
}

.mission-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
    text-align: left;
}

.mission-card {
    min-height: 155px;
    padding: 27px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 14px;
    background: rgba(255,255,255,0.08);
}

.mission-card b {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 21px;
}

.mission-card span {
    color: rgba(255,255,255,0.73);
    font-size: 14px;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.about-final-cta {
    padding: 105px 0;
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(21,156,255,0.18),
            transparent 30%
        ),
        var(--about-navy);
    text-align: center;
}

.about-final-cta .about-eyebrow {
    color: var(--about-bright);
}

.about-final-cta h2 {
    max-width: 850px;
    margin: 0 auto 18px;
    color: #ffffff;
    font-size: clamp(40px,5vw,62px);
    line-height: 1.05;
}

.about-final-cta h2 span {
    color: #ff6c89;
}

.about-final-cta p {
    max-width: 700px;
    margin: 0 auto 28px;
    color: rgba(255,255,255,0.68);
    font-size: 16px;
}

.about-btn-white {
    background: #ffffff;
    color: var(--about-navy);
}

.about-btn-white:hover {
    background: var(--about-bright);
    color: #ffffff;
}

.about-btn-outline-white {
    border: 1px solid rgba(255,255,255,0.55);
    color: #ffffff;
}

.about-btn-outline-white:hover {
    background: #ffffff;
    color: var(--about-navy);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .hero-grid {
        gap: 40px;
    }

    .problem-grid,
    .solution-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .problem-card:last-child,
    .solution-card:last-child {
        grid-column: span 3;
    }

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .hero-grid,
    .two-column,
    .philosophy-grid {
        grid-template-columns: 1fr;
    }

    .hero-content {
        max-width: 750px;
    }

    .vision-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vision-wide {
        grid-column: span 2;
    }

    .problem-grid,
    .solution-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .problem-card:last-child,
    .solution-card:last-child {
        grid-column: span 2;
    }

    .ecosystem-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .uae-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mission-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .about-container {
        width: calc(100% - 28px);
    }

    .about-section,
    .ecosystem-section,
    .mission-section {
        padding: 70px 0;
    }

    .about-hero {
        padding-top: 55px;
    }

    .hero-grid {
        padding-bottom: 50px;
    }

    .hero-content h1 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .hero-content p {
        font-size: 15px;
    }

    /* MOBILE HERO IMAGE */

    .about-page .hero-image {
        height: 300px;
        min-height: 300px;
    }

    .about-page .hero-image img {
        height: 300px;
        min-height: 300px;
    }

    /* MOBILE ABOUT IMAGE */

    .about-page .about-image {
        height: 300px;
        min-height: 300px;
    }

    .about-page .about-image img {
        height: 300px;
        min-height: 300px;
    }

    .hero-features {
        grid-template-columns: 1fr 1fr;
    }

    .hero-features > div {
        min-height: 75px;
        padding: 14px;
    }

    .vision-grid,
    .problem-grid,
    .solution-grid,
    .ecosystem-grid,
    .uae-grid,
    .mission-grid {
        grid-template-columns: 1fr;
    }

    .vision-wide,
    .problem-card:last-child,
    .solution-card:last-child {
        grid-column: auto;
    }

    .about-heading h2,
    .about-text h2 {
        font-size: 34px;
    }

    .philosophy-visual {
        min-height: 350px;
    }

    .about-orbit {
        width: 300px;
        height: 300px;
    }

    .orbit-center {
        width: 115px;
        height: 115px;
    }

    .orbit-node {
        width: 70px;
        height: 70px;
        font-size: 9px;
    }

    .mission-section h2 {
        font-size: 38px;
    }

    .about-final-cta {
        padding: 75px 0;
    }

    .about-final-cta h2 {
        font-size: 38px;
    }

    .about-buttons {
        flex-direction: column;
    }

    .about-buttons .about-btn {
        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .hero-features {
        grid-template-columns: 1fr;
    }

    .hero-features > div {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    .hero-features > div:last-child {
        border-bottom: 0;
    }

    .hero-content h1 {
        font-size: 34px;
    }

    .about-page .hero-image,
    .about-page .hero-image img {
        height: 270px;
        min-height: 270px;
    }

    .about-page .about-image,
    .about-page .about-image img {
        height: 270px;
        min-height: 270px;
    }

}
/* =========================================================
   BITWISE FINAL NAVBAR FIX
   DO NOT REMOVE
   ========================================================= */

/* ===== DESKTOP NAVBAR ===== */
.site-header .navbar {
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 32px) !important;
    min-height: 90px !important;
    position: relative !important;
    z-index: 9999 !important;
}

.site-header .nav-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 !important;
    min-width: 0 !important;
    gap: 20px !important;
    background: transparent !important;
}

.site-header .nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .nav-links li {
    position: relative !important;
}

.site-header .nav-links a,
.site-header .drop-btn {
    display: flex !important;
    align-items: center !important;
    color: #102a4c !important;
    background: transparent !important;
    white-space: nowrap !important;
    padding: 11px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.site-header .nav-links a:hover,
.site-header .drop-btn:hover {
    color: #123f73 !important;
}

.site-header .nav-links a.active {
    color: #8f1735 !important;
}

.site-header .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

/* ===== DESKTOP BUTTONS ===== */
.site-header .btn-blue {
    background: #123f73 !important;
    color: #ffffff !important;
}

.site-header .btn-red {
    background: #8f1735 !important;
    color: #ffffff !important;
}

/* ===== HAMBURGER ===== */
.site-header .menu-toggle {
    display: none !important;
}


/* =========================================================
   MOBILE NAVBAR
   ========================================================= */

@media (max-width: 1100px) {

    .site-header .navbar {
        min-height: 72px !important;
        width: calc(100% - 28px) !important;
    }

    /* Show hamburger */
    .site-header .menu-toggle {
        display: flex !important;
        margin-left: auto !important;
        width: 44px !important;
        height: 44px !important;
        padding: 8px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #061d49 !important;

        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;

        cursor: pointer !important;
        z-index: 10001 !important;
    }

    .site-header .menu-toggle span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        margin: 0 !important;
        background: #ffffff !important;
        border-radius: 3px !important;
    }

    /* CLOSED */
    .site-header .nav-panel {
        display: none !important;

        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 14px !important;
        right: 14px !important;

        width: auto !important;
        max-height: calc(100vh - 90px) !important;
        overflow-y: auto !important;

        padding: 14px !important;

        background: #061d49 !important;
        border: 1px solid rgba(21,156,255,.35) !important;
        border-radius: 18px !important;

        box-shadow: 0 20px 45px rgba(0,0,0,.35) !important;

        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;

        z-index: 10000 !important;
    }

    /* OPEN */
    .site-header .nav-panel.open {
        display: flex !important;
        background: #061d49 !important;
    }

    /* MOBILE LINKS */
    .site-header .nav-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 3px !important;
    }

    .site-header .nav-links li {
        width: 100% !important;
    }

    .site-header .nav-links a,
    .site-header .drop-btn {
        width: 100% !important;
        min-height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 11px 13px !important;

        color: #ffffff !important;
        background: transparent !important;

        border-radius: 9px !important;
        font-size: 13px !important;
    }

    .site-header .nav-links a:hover,
    .site-header .drop-btn:hover {
        color: #159cff !important;
        background: rgba(21,156,255,.12) !important;
    }

    /* MOBILE BUTTONS */
    .site-header .nav-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;

        margin-top: 8px !important;
        padding-top: 12px !important;

        border-top: 1px solid rgba(255,255,255,.15) !important;
    }

    .site-header .nav-actions .btn {
        width: 100% !important;
        min-height: 42px !important;
    }

    /* MOBILE DROPDOWN */
    .site-header .dropdown-menu,
    .dropdown-menu {
        position: static !important;
        width: 100% !important;
        margin-top: 4px !important;
        background: #092d68 !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
    }

    .dropdown.open .dropdown-menu,
    .site-header .dropdown.open .dropdown-menu {
        display: flex !important;
        flex-direction: column !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 6px 0 !important;
        background: #0b2554 !important;
        border: 1px solid rgba(21,156,255,0.25) !important;
        border-radius: 12px !important;
        padding: 6px !important;
        gap: 2px !important;
    }

    .dropdown.open .dropdown-menu a,
    .site-header .dropdown.open .dropdown-menu a {
        display: block !important;
        padding: 9px 12px !important;
        color: #e2e8f0 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    .dropdown.open .dropdown-menu a:hover,
    .site-header .dropdown.open .dropdown-menu a:hover {
        background: rgba(21,156,255,0.18) !important;
        color: #38bdf8 !important;
    }
}


/* ===== SMALL MOBILE ===== */

@media (max-width: 640px) {

    .site-header .navbar {
        width: calc(100% - 20px) !important;
        min-height: 70px !important;
        padding: 5px 10px !important;
    }

    .site-header .brand-exact {
        width: 195px !important;
        flex: 0 0 195px !important;
        height: 66px !important;
    }

    .site-header .brand-exact-logo {
        width: 190px !important;
        height: 64px !important;
    }

    .site-header .nav-panel {
        left: 10px !important;
        right: 10px !important;
    }
}

/* =========================================
   BITWISE ACADEMY — NAVBAR BUTTON STYLE
   Remove active underline + rounded buttons
========================================= */

/* Remove underline from all navigation links */
header nav a,
header nav a:hover,
header nav a:focus,
header nav a:active,
header nav a.active,
header nav a[aria-current="page"] {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Remove underline pseudo-elements used by themes */
header nav a::before,
header nav a::after {
    text-decoration: none !important;
}

/* Rounded navigation buttons */
header nav > a,
header nav .dropdown > .drop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 999px !important;
    padding: 10px 15px;
    background: transparent;
    text-decoration: none !important;
    transition:
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

/* Hover and keyboard focus */
header nav > a:hover,
header nav .dropdown > .drop-btn:hover,
header nav > a:focus-visible,
header nav .dropdown > .drop-btn:focus-visible {
    color: #fff !important;
    background: linear-gradient(120deg, #075fc7, #8f0b2a) !important;
    box-shadow: 0 7px 22px rgba(7, 95, 199, .20);
    transform: translateY(-2px);
    outline: none;
}

/* Current page: rounded blue-to-maroon button */
header nav > a.active,
header nav > a[aria-current="page"],
header nav > a[aria-current="page"]:hover {
    color: #fff !important;
    background: linear-gradient(120deg, #075fc7, #8f0b2a) !important;
    border-color: transparent !important;
    border-bottom: none !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 22px rgba(7, 95, 199, .20);
}

/* Keep dropdown button consistent */
header nav .dropdown.open > .drop-btn {
    color: #fff !important;
    background: linear-gradient(120deg, #075fc7, #8f0b2a) !important;
    border-radius: 999px !important;
}

/* Do not underline dropdown items */
header nav .dropdown-menu a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Mobile spacing */
@media (max-width: 900px) {
    header nav > a,
    header nav .dropdown > .drop-btn {
        border-radius: 999px !important;
        justify-content: flex-start;
    }
}

/* ================================================
   FINAL NAVBAR FIX — BITWISE ACADEMY
   Remove active underline + rounded gradient buttons
================================================ */

/* Reset link underline and old active underline */
.site-header .nav-links a,
.site-header .nav-links a:hover,
.site-header .nav-links a:focus,
.site-header .nav-links a:active,
.site-header .nav-links a.active,
.site-header .drop-btn,
.site-header .drop-btn:hover,
.site-header .drop-btn:focus {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none;
}

/* Disable the underline generated by the active link */
.site-header .nav-links a.active::after,
.site-header .nav-links a::after,
.site-header .nav-links a::before {
    content: none !important;
    display: none !important;
}

/* All main navigation options become rounded buttons */
.site-header .nav-links > li > a,
.site-header .nav-links > li > .drop-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #102a4c !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background .3s ease, color .3s ease,
                box-shadow .3s ease, transform .3s ease !important;
}

/* Hover: blue + maroon gradient */
.site-header .nav-links > li > a:hover,
.site-header .nav-links > li > .drop-btn:hover,
.site-header .nav-links > li > a:focus-visible,
.site-header .nav-links > li > .drop-btn:focus-visible {
    background: linear-gradient(120deg, #075fc7 0%, #8f0b2a 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 22px rgba(7, 95, 199, .22) !important;
    transform: translateY(-1px);
    outline: none !important;
}

/* Active page: filled rounded button, never an underline */
.site-header .nav-links > li > a.active,
.site-header .nav-links > li > a[aria-current="page"] {
    background: linear-gradient(120deg, #075fc7 0%, #8f0b2a 100%) !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    border-bottom: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 22px rgba(7, 95, 199, .20) !important;
}

/* Keep the More dropdown button consistent */
.site-header .dropdown.open > .drop-btn,
.site-header .dropdown:hover > .drop-btn {
    background: linear-gradient(120deg, #075fc7 0%, #8f0b2a 100%) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
}

/* Dropdown items stay clean, with no underline */
.site-header .dropdown-menu a,
.site-header .dropdown-menu a:hover,
.site-header .dropdown-menu a::before,
.site-header .dropdown-menu a::after {
    text-decoration: none !important;
    border-bottom: 0 !important;
}

/* Mobile navigation */
@media (max-width: 1100px) {
    .site-header .nav-links > li > a,
    .site-header .nav-links > li > .drop-btn {
        width: 100% !important;
        justify-content: space-between !important;
        border-radius: 999px !important;
    }
}

/* ===== BITWISE NAVBAR: MATCH LOGIN + GET STARTED ===== */

/* Normal navigation links */
.site-header .nav-links > li > a,
.site-header .nav-links > li > .drop-btn {
    background: transparent !important;
    color: #061d49 !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    position: relative;
}

/* Remove the old underline */
.site-header .nav-links > li > a::after,
.site-header .nav-links > li > a::before {
    content: none !important;
    display: none !important;
}

/* Hover: same dark blue and maroon style as the action buttons */
.site-header .nav-links > li > a:hover,
.site-header .nav-links > li > .drop-btn:hover {
    background: linear-gradient(
        115deg,
        #041a43 0%,
        #063d83 48%,
        #8f0b2a 100%
    ) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 18px rgba(6, 26, 67, 0.18) !important;
}

/* Highlight only links explicitly marked as the current page */
.site-header .nav-links > li > a.active,
.site-header .nav-links > li > a[aria-current="page"] {
    background: linear-gradient(
        115deg,
        #041a43 0%,
        #063d83 48%,
        #8f0b2a 100%
    ) !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 18px rgba(6, 26, 67, 0.18) !important;
}

/* Keep More neutral until its dropdown is opened (Desktop only) */
@media (min-width: 1121px) {
    .site-header .nav-links > li.dropdown > .drop-btn {
        background: transparent !important;
        color: #061d49 !important;
    }

    .site-header .nav-links > li.dropdown.open > .drop-btn {
        background: linear-gradient(
            115deg,
            #041a43 0%,
            #063d83 48%,
            #8f0b2a 100%
        ) !important;
        color: #ffffff !important;
    }
}

/* Dropdown links should not have underlines */
.site-header .dropdown-menu a,
.site-header .dropdown-menu a::before,
.site-header .dropdown-menu a::after {
    text-decoration: none !important;
    border-bottom: none !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e4e9f1;
    border-radius: 17px;
    box-shadow: var(--shadow);
    display: grid;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0);
    transition: opacity .22s ease, visibility .22s ease;
    z-index: 9999;
}

.site-header .dropdown:hover > .dropdown-menu,
.site-header .dropdown:focus-within > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* MORE DROPDOWN — MATCH BITWISE NAVBAR BUTTON HOVER */
.site-header .dropdown-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 11px 14px;
    margin: 2px 0;
    border-radius: 999px !important;
    background: transparent;
    color: #061d49;
    text-decoration: none;
    transition: background .22s ease, color .22s ease,
                box-shadow .22s ease;
}

/* Blue + maroon gradient when hovering over an option */
.site-header .dropdown-menu a:hover,
.site-header .dropdown-menu a:focus-visible {
    background: linear-gradient(
        115deg,
        #041a43 0%,
        #063d83 48%,
        #8f0b2a 100%
    ) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 18px rgba(6, 26, 67, .18);
    outline: none;
}
/* ========================================
   ELEGANT NAVBAR DROPDOWN
   Bitwise Academy - Navy, Maroon & White
======================================== */

.nav-links .dropdown {
    position: relative;
}

/* Dropdown arrow button */
.nav-links .drop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: transparent;
    border: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    padding: 10px 12px;
    transition: color 0.25s ease;
}

.nav-links .drop-btn span {
    display: inline-block;
    font-size: 15px;
    transition: transform 0.25s ease;
}

/* Arrow animation */
.nav-links .dropdown:hover .drop-btn span,
.nav-links .dropdown:focus-within .drop-btn span,
.nav-links .dropdown.open .drop-btn span {
    transform: rotate(180deg);
}

/* Dropdown panel */
.nav-links .dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 235px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #e8eaf0;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 30, 60, 0.13);
    z-index: 1000;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);

    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0.22s ease;
}

/* Show dropdown on hover and keyboard focus */
.nav-links .dropdown:hover > .dropdown-menu,
.nav-links .dropdown:focus-within > .dropdown-menu,
.nav-links .dropdown.open > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Dropdown links */
.nav-links .dropdown-menu a {
    display: flex;
    align-items: center;
    padding: 11px 13px;
    border-radius: 7px;
    color: #172746;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        padding-left 0.2s ease;
}

/* Elegant maroon hover */
.nav-links .dropdown-menu a:hover,
.nav-links .dropdown-menu a:focus-visible {
    color: #7b1835;
    background: #f8f0f3;
    padding-left: 18px;
}

/* Keyboard accessibility */
.nav-links .drop-btn:focus-visible,
.nav-links .dropdown-menu a:focus-visible {
    outline: 2px solid #263f73;
    outline-offset: 2px;
}

/* Keep dropdown above other page content */
.site-header,
.navbar,
.nav-panel {
    position: relative;
}

.site-header {
    z-index: 1000;
}

/* Mobile: keep dropdown inside the navigation panel */
@media (max-width: 900px) {
    .nav-links .dropdown-menu {
        position: static;
        min-width: 0;
        width: 100%;
        margin-top: 5px;
        box-shadow: none;
        border: 1px solid #edf0f5;
        border-radius: 9px;
        transform: none;
    }

    .nav-links .dropdown:hover > .dropdown-menu,
    .nav-links .dropdown:focus-within > .dropdown-menu {
        transform: none;
    }

    .nav-links .dropdown-menu a {
        white-space: normal;
    }
}
/* COMPACT FOOTER */
.footer {
    padding-top: 35px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer .footer-grid {
    gap: 25px;
    padding-bottom: 22px;
    align-items: start;
}

.footer .footer-brand p {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 1.6;
}

.footer .footer-logo img {
    max-width: 190px;
    height: auto;
}

.footer .footer-grid h4 {
    margin-top: 0;
    margin-bottom: 12px;
}

.footer .footer-grid > div > a {
    display: block;
    margin-bottom: 8px;
    line-height: 1.4;
}

.footer .footer-bottom {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0;
}

/* Prevent an empty space after the footer */
html,
body {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer:last-child {
    margin-bottom: 0;
}

/* Mobile footer spacing */
@media (max-width: 768px) {
    .footer {
        padding-top: 25px;
    }

    .footer .footer-grid {
        gap: 20px;
        padding-bottom: 18px;
    }

    .footer .footer-bottom {
        gap: 8px;
        flex-wrap: wrap;
    }
}
/* FOOTER: balanced columns and compact spacing */
.footer {
    padding-top: 32px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer .footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.25fr 1.35fr;
    gap: 24px;
    align-items: start;
    padding-bottom: 24px;
}

.footer .footer-brand p {
    max-width: 320px;
    margin: 12px 0 14px;
    line-height: 1.6;
}

.footer .footer-logo img {
    max-width: 170px;
    height: auto;
}

.footer .footer-grid h4 {
    margin-top: 0;
    margin-bottom: 14px;
}

.footer .footer-grid > div > a {
    display: block;
    margin-bottom: 9px;
    line-height: 1.45;
}

.footer .newsletter p {
    margin: 0 0 14px;
    line-height: 1.5;
}

.footer .newsletter form {
    display: flex;
    width: 100%;
    max-width: 280px;
}

.footer .newsletter input {
    width: 100%;
    min-width: 0;
}

.footer .footer-bottom {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0;
}

/* Responsive layout */
@media (max-width: 1100px) {
    .footer .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px;
    }
}

@media (max-width: 700px) {
    .footer {
        padding-top: 26px;
    }

    .footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
    }

    .footer .footer-brand,
    .footer .newsletter {
        grid-column: 1 / -1;
    }

    .footer .footer-bottom {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media (max-width: 420px) {
    .footer .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer .footer-brand,
    .footer .newsletter {
        grid-column: auto;
    }
}
/* =========================================
   BITWISE ACADEMY - COMPACT FOOTER
========================================= */

.footer {
    width: 100%;
    margin: 0;
    padding: 32px 0 0;
    background: #0c2543;
    color: #ffffff;
    box-sizing: border-box;
}

.footer *,
.footer *::before,
.footer *::after {
    box-sizing: border-box;
}

/* Five-column layout */
.footer .footer-grid {
    display: grid;
    grid-template-columns:
        1.45fr
        1fr
        1fr
        1.5fr
        1.25fr;
    gap: 22px;
    align-items: start;
    padding-bottom: 24px;
}

/* Brand logo */
.footer .footer-logo {
    margin-bottom: 12px;
}

.footer .footer-logo img {
    display: block;
    width: 170px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Brand description */
.footer .footer-brand p {
    max-width: 320px;
    margin: 12px 0 16px;
    color: #c4d2e5;
    font-size: 15px;
    line-height: 1.65;
}

/* Column headings */
.footer .footer-grid h4 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

/* Keep Admissions & Support on one line */
.footer .footer-admissions h4 {
    white-space: nowrap;
}

/* Footer links */
.footer .footer-column a {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 12px;
    color: #a9c5e9;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer .footer-column a:hover {
    color: #ffffff;
}

/* Social icons */
.footer .socials, .socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.footer .socials a, .socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    color: #dbe6f7;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.footer .socials a:hover, .socials a:hover {
    transform: translateY(-3px);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.footer .socials a[data-social="telegram"]:hover, .socials a[data-social="telegram"]:hover {
    background: #229ED9;
    border-color: #229ED9;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(34, 158, 217, 0.45);
}

.footer .socials a[data-social="x"]:hover, .socials a[data-social="x"]:hover,
.footer .socials a[data-social="twitter"]:hover, .socials a[data-social="twitter"]:hover {
    background: #000000;
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(255, 255, 255, 0.25);
}

.footer .socials a[data-social="youtube"]:hover, .socials a[data-social="youtube"]:hover {
    background: #FF0000;
    border-color: #FF0000;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(255, 0, 0, 0.45);
}

.footer .socials a[data-social="instagram"]:hover, .socials a[data-social="instagram"]:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    border-color: #e6683c;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(225, 48, 108, 0.45);
}

.footer .socials a[data-social="linkedin"]:hover, .socials a[data-social="linkedin"]:hover {
    background: #0A66C2;
    border-color: #0A66C2;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(10, 102, 194, 0.45);
}

.footer .socials a[data-social="whatsapp"]:hover, .socials a[data-social="whatsapp"]:hover {
    background: #25D366;
    border-color: #25D366;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.45);
}

.footer .socials a[data-social="facebook"]:hover, .socials a[data-social="facebook"]:hover {
    background: #1877F2;
    border-color: #1877F2;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(24, 119, 242, 0.45);
}

/* Stay Connected */
.footer .newsletter p {
    margin: 0 0 14px;
    color: #c4d2e5;
    font-size: 14px;
    line-height: 1.6;
}

.footer .newsletter form {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 280px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.footer .newsletter input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
    outline: none !important;
    background: #ffffff !important;
    color: #172746 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.footer .newsletter input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

.footer .newsletter input:focus {
    border-color: #9ab8e5 !important;
    box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.25) !important;
}

.footer .newsletter button {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 6px 6px 0 !important;
    background: #8f0b2a !important;
    color: #ffffff !important;
    font-size: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    box-sizing: border-box !important;
}

.footer .newsletter button:hover {
    background: #b80f31 !important;
}

/* Accessibility Utility */
.visually-hidden {
    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;
}

/* Copyright bar */
.footer .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    color: #a9c5e9;
    font-size: 12px;
    line-height: 1.5;
}

/* Remove trailing page space */
html,
body {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer:last-child {
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1100px) {
    .footer .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 24px;
    }

    .footer .footer-admissions h4 {
        white-space: normal;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .footer {
        padding-top: 26px;
    }

    .footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
        padding-bottom: 20px;
    }

    .footer .footer-brand,
    .footer .newsletter {
        grid-column: 1 / -1;
    }

    .footer .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Small mobile screens */
@media (max-width: 420px) {
    .footer .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer .footer-brand,
    .footer .newsletter {
        grid-column: auto;
    }
}

/* =========================================================
   GENEROUS BREATHING ROOM BETWEEN PAGE CONTENT & FOOTER
   ========================================================= */
.footer,
footer.footer,
.site-footer {
    margin-top: 80px !important;
    position: relative !important;
    clear: both !important;
}

main,
.site-main {
    margin-bottom: 24px !important;
}

@media (max-width: 991px) {
    .footer,
    footer.footer,
    .site-footer {
        margin-top: 60px !important;
    }
}

@media (max-width: 640px) {
    .footer,
    footer.footer,
    .site-footer {
        margin-top: 48px !important;
    }
}

/* =========================================================
   HOME PAGE - MILESTONES & IMPACT STATS COUNTER STRIP
   ========================================================= */
.home-impact-stats {
  position: relative;
  z-index: 10;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 0;
}

.home-impact-card {
  background: linear-gradient(135deg, #04122d 0%, #061d49 55%, #082a66 100%);
  border: 1px solid rgba(21, 156, 255, 0.25);
  border-radius: 24px;
  padding: 34px 36px 32px;
  box-shadow: 0 20px 50px rgba(4, 20, 50, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}

.home-impact-card::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(21, 156, 255, 0.18) 0%, transparent 70%);
  pointer-events: none;
}

.home-impact-card::after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: 10%;
  width: 280px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226, 27, 60, 0.14) 0%, transparent 70%);
  pointer-events: none;
}

.home-impact-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  position: relative;
  z-index: 2;
}

.home-impact-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Manrope', 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #159cff;
  text-transform: uppercase;
}

.home-impact-kicker i {
  font-size: 13px;
  color: #38bdf8;
}

.home-impact-title {
  color: #ffffff;
  font-family: 'Manrope', 'Inter', sans-serif;
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 800;
  letter-spacing: 0.015em;
  margin: 0;
}

.home-impact-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(21, 156, 255, 0.12);
  border: 1px solid rgba(21, 156, 255, 0.3);
  color: #cbe7ff;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.05em;
}

.home-impact-badge i {
  color: #48d597;
  font-size: 8px;
}

.home-impact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2;
}

.home-stat-box {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.home-stat-box:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.065);
}

.home-stat-box.theme-blue:hover {
  border-color: rgba(21, 156, 255, 0.45);
  box-shadow: 0 14px 32px rgba(7, 95, 202, 0.25);
}

.home-stat-box.theme-red:hover {
  border-color: rgba(226, 27, 60, 0.45);
  box-shadow: 0 14px 32px rgba(226, 27, 60, 0.22);
}

.home-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 20px;
  flex: 0 0 48px;
  transition: transform 0.3s ease;
}

.home-stat-box:hover .home-stat-icon {
  transform: scale(1.08) rotate(2deg);
}

.home-stat-box.theme-blue .home-stat-icon {
  background: linear-gradient(135deg, rgba(7, 95, 202, 0.38), rgba(21, 156, 255, 0.2));
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
  box-shadow: 0 8px 20px rgba(7, 95, 202, 0.2);
}

.home-stat-box.theme-red .home-stat-icon {
  background: linear-gradient(135deg, rgba(143, 11, 42, 0.48), rgba(217, 23, 61, 0.22));
  color: #ff6b8b;
  border: 1px solid rgba(255, 107, 139, 0.3);
  box-shadow: 0 8px 20px rgba(217, 23, 61, 0.2);
}

.home-stat-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.home-stat-digits {
  font-family: 'Manrope', 'Inter', sans-serif;
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -0.025em;
  color: #ffffff;
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.home-stat-digits .stat-num {
  font-variant-numeric: tabular-nums;
}

.home-stat-box.theme-blue .home-stat-digits .stat-plus {
  color: #38bdf8;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 850;
}

.home-stat-box.theme-red .home-stat-digits .stat-plus {
  color: #ff3b60;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 850;
}

.home-stat-label {
  font-family: 'Manrope', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #f1f5f9;
  margin-top: 6px;
  white-space: nowrap;
}

.home-stat-sub {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 3px;
  line-height: 1.4;
  letter-spacing: 0.015em;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .home-impact-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .home-impact-stats {
    margin-top: 20px;
    margin-bottom: 26px;
  }
  .home-impact-card {
    padding: 24px 20px 22px;
    border-radius: 18px;
  }
  .home-impact-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 16px;
  }
  .home-impact-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .home-stat-box {
    padding: 18px 16px;
  }
  .home-stat-label {
    white-space: normal;
  }
}

/* =========================================================
   BITWISE UNIFIED NAVBAR (DESKTOP & MOBILE)
   ========================================================= */
@import url("navbar.css");



/* =========================================================
   HOME PAGE - MIDDLE LIVE BITCOIN TRADING & PRICE ACTION SECTION
   ========================================================= */
.home-btc-trading-section {
    padding: 95px 0 100px;
    background: radial-gradient(circle at 50% 12%, rgba(21, 156, 255, 0.14) 0%, transparent 65%),
                linear-gradient(180deg, #030c20 0%, #06193d 50%, #020917 100%);
    position: relative;
    border-top: 1px solid rgba(21, 156, 255, 0.2);
    border-bottom: 1px solid rgba(21, 156, 255, 0.2);
    overflow: hidden;
    color: #ffffff;
}

.home-btc-trading-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    top: -180px;
    right: -120px;
    background: radial-gradient(circle, rgba(21, 156, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.home-btc-trading-section::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    bottom: -180px;
    left: -120px;
    background: radial-gradient(circle, rgba(247, 147, 26, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Multi-Asset Selector Bar */
.market-asset-nav-wrapper {
    width: 100%;
    margin-bottom: 22px;
}

.market-asset-tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    background: rgba(4, 18, 45, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

@media (max-width: 980px) {
    .market-asset-tabs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 12px;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
    }
    .market-asset-tab {
        flex: 0 0 220px;
        scroll-snap-align: start;
    }
}

.market-asset-tab {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
    position: relative;
    overflow: hidden;
}

.market-asset-tab:hover {
    background: rgba(21, 156, 255, 0.09);
    border-color: rgba(21, 156, 255, 0.35);
    transform: translateY(-2px);
}

.market-asset-tab.active {
    background: linear-gradient(135deg, rgba(7, 95, 199, 0.25), rgba(21, 156, 255, 0.15));
    border-color: #159cff;
    box-shadow: 0 6px 20px rgba(21, 156, 255, 0.25);
}

.market-asset-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15%;
    right: 15%;
    height: 3px;
    background: linear-gradient(90deg, #159cff, #38bdf8);
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 10px #159cff;
}

.asset-tab-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s;
}

.market-asset-tab:hover .asset-tab-icon,
.market-asset-tab.active .asset-tab-icon {
    transform: scale(1.08);
}

.asset-tab-icon.icon-btc { background: linear-gradient(135deg, #f7931a, #ffaa3b); color: #fff; }
.asset-tab-icon.icon-gold { background: linear-gradient(135deg, #ca8a04, #eab308); color: #fff; }
.asset-tab-icon.icon-oil { background: linear-gradient(135deg, #0284c7, #06b6d4); color: #fff; }
.asset-tab-icon.icon-silver { background: linear-gradient(135deg, #64748b, #94a3b8); color: #fff; }
.asset-tab-icon.icon-eth { background: linear-gradient(135deg, #4f46e5, #818cf8); color: #fff; }

.asset-tab-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.asset-tab-name {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.asset-tab-price {
    font-size: 13.5px;
    font-weight: 800;
    color: #cbd5e1;
    font-family: 'Inter', monospace;
    margin-top: 1px;
}

.asset-tab-change {
    font-size: 11px;
    font-weight: 800;
    padding: 3px 7px;
    border-radius: 6px;
    flex-shrink: 0;
}

.asset-tab-change.up {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.asset-tab-change.down {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

/* Hero visual asset pills */
.hero-asset-pills {
    display: flex;
    gap: 6px;
    margin: 8px 0 12px;
    flex-wrap: wrap;
}

.hero-asset-pill {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 4px 11px;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s;
}

.hero-asset-pill:hover,
.hero-asset-pill.active {
    background: #159cff;
    color: #ffffff;
    border-color: #159cff;
    box-shadow: 0 0 10px rgba(21, 156, 255, 0.4);
}

.home-btc-trading-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    position: relative;
    z-index: 2;
}

.home-btc-chart-card {
    background: linear-gradient(145deg, rgba(6, 26, 67, 0.96), rgba(3, 16, 42, 0.98));
    border: 1px solid rgba(21, 156, 255, 0.28);
    border-radius: 26px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-btc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 28px;
    background: rgba(255, 255, 255, 0.025);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    flex-wrap: wrap;
    gap: 16px;
}

.home-btc-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.home-btc-coin-badge {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f7931a 0%, #ffaa3b 100%);
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 27px;
    box-shadow: 0 0 24px rgba(247, 147, 26, 0.45);
    flex-shrink: 0;
}

.home-btc-coin-title h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 850;
    color: #ffffff;
    font-family: 'Manrope', 'Inter', sans-serif;
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-btc-pills {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.home-btc-pills span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 6px;
}

.pill-btc-pair {
    background: rgba(21, 156, 255, 0.16);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.35);
}

.pill-btc-live {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.live-dot-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px #22c55e;
    animation: btcPulse 1.8s infinite;
}

.home-btc-price-wrap {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.home-btc-main-price {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: clamp(28px, 2.7vw, 40px);
    font-weight: 900;
    color: #ffffff;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: -0.02em;
    transition: color 0.25s ease, transform 0.25s ease, text-shadow 0.25s ease;
}

.home-btc-price-sub {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btc-badge {
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-variant-numeric: tabular-nums;
    transition: all 0.25s ease;
}

.badge-up {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.4);
}

.badge-down {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.4);
}

.price-tick-up {
    color: #22c55e !important;
    text-shadow: 0 0 20px rgba(34, 197, 94, 0.7);
    transform: scale(1.02);
}

.price-tick-down {
    color: #ef4444 !important;
    text-shadow: 0 0 20px rgba(239, 68, 68, 0.7);
    transform: scale(1.02);
}

.home-btc-stats-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 14px 28px;
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.home-btc-stat-item small {
    display: block;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #94a3b8;
    text-transform: uppercase;
}

.home-btc-stat-item strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #f1f5f9;
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}

.home-btc-chart-embed {
    height: 480px;
    width: 100%;
    position: relative;
    background: #04122d;
}

/* Tape / Stream Card */
.home-btc-tape-card {
    background: linear-gradient(145deg, rgba(6, 26, 67, 0.96), rgba(3, 16, 42, 0.98));
    border: 1px solid rgba(21, 156, 255, 0.28);
    border-radius: 26px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-tape-header {
    padding: 20px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.02);
}

.home-tape-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 850;
    color: #ffffff;
    font-family: 'Manrope', 'Inter', sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-tape-sub {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
}

/* Order Pressure Meter */
.home-pressure-box {
    padding: 16px 22px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pressure-label-row {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.pressure-buy-label {
    color: #4ade80;
}

.pressure-sell-label {
    color: #f87171;
}

.pressure-bar-track {
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: #1e293b;
    display: flex;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.pressure-bar-buy {
    height: 100%;
    width: 53%;
    background: linear-gradient(90deg, #16a34a, #22c55e);
    transition: width 0.4s ease;
}

.pressure-bar-sell {
    height: 100%;
    width: 47%;
    background: linear-gradient(90deg, #ef4444, #dc2626);
    transition: width 0.4s ease;
}

/* Trade Stream List */
.home-trade-stream-list {
    flex: 1;
    min-height: 290px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.trade-tick-row {
    display: grid;
    grid-template-columns: 65px 50px 1fr 80px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.05);
    animation: tradeSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes tradeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.trade-time {
    color: #64748b;
    font-size: 10px;
}

.trade-side-pill {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 850;
    text-align: center;
    letter-spacing: 0.04em;
}

.pill-buy {
    background: rgba(34, 197, 94, 0.18);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.pill-sell {
    background: rgba(239, 68, 68, 0.18);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.trade-price {
    font-weight: 800;
    color: #ffffff;
}

.trade-buy .trade-price {
    color: #4ade80;
}

.trade-sell .trade-price {
    color: #f87171;
}

.trade-qty {
    color: #94a3b8;
    text-align: right;
    font-size: 10px;
}

.home-tape-actions {
    padding: 18px 22px;
    background: rgba(2, 10, 26, 0.9);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1024px) {
    .home-btc-trading-grid {
        grid-template-columns: 1fr;
    }
    .home-btc-chart-embed {
        height: 420px;
    }
    .home-trade-stream-list {
        min-height: 240px;
    }
}

@media (max-width: 640px) {
    .home-btc-trading-section {
        padding: 65px 0 70px;
    }
    .home-btc-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px 18px;
    }
    .home-btc-price-wrap {
        text-align: left;
        align-items: flex-start;
    }
    .home-btc-stats-strip {
        grid-template-columns: repeat(2, 1fr);
        padding: 12px 18px;
    }
    .home-btc-chart-embed {
        height: 360px;
    }
    .trade-tick-row {
        grid-template-columns: 55px 45px 1fr 65px;
        padding: 6px 8px;
        font-size: 10px;
    }
}


/* =========================================================
   ADMIN-CONTROLLED HOMEPAGE PROMOTIONAL OFFER POPUP & POSTER
   ========================================================= */
.bw-offer-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(3, 12, 32, 0.82);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.bw-offer-modal-backdrop.active {
    opacity: 1;
    visibility: visible;
}

.bw-offer-modal-card {
    background: linear-gradient(145deg, #06193d 0%, #030d22 100%);
    border: 1px solid rgba(21, 156, 255, 0.35);
    border-radius: 26px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.7), 0 0 40px rgba(21, 156, 255, 0.2);
    max-width: 860px;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    position: relative;
    transform: scale(0.92) translateY(20px);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.bw-offer-modal-backdrop.active .bw-offer-modal-card {
    transform: scale(1) translateY(0);
}

.bw-popup-close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 20px;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.25s ease;
    line-height: 1;
}

.bw-popup-close:hover {
    background: #e21b3c;
    border-color: #e21b3c;
    transform: rotate(90deg) scale(1.08);
}

/* Left: Poster Side */
.bw-popup-poster {
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 34px 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 440px;
}

.bw-poster-badge {
    align-self: flex-start;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.15em;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(21, 156, 255, 0.25);
    border: 1px solid rgba(21, 156, 255, 0.5);
    color: #93c5fd;
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 15px rgba(21, 156, 255, 0.25);
}

.bw-poster-discount-box {
    margin: 20px 0;
    background: linear-gradient(135deg, rgba(226, 27, 60, 0.3), rgba(7, 95, 202, 0.25));
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 24px 18px;
    text-align: center;
    backdrop-filter: blur(8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}

.bw-discount-number {
    display: block;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(115deg, #ffffff 0%, #ffd1da 50%, #ff4d6d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.02em;
    filter: drop-shadow(0 2px 10px rgba(226, 27, 60, 0.4));
}

.bw-discount-label {
    display: block;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.18em;
    color: #f1f5f9;
    margin-top: 8px;
    text-transform: uppercase;
}

.bw-poster-checklist {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 11.5px;
    color: #e2e8f0;
}

.bw-poster-checklist div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bw-poster-checklist i {
    color: #4ade80;
    font-size: 12px;
}

/* Right: Content Side */
.bw-popup-body {
    padding: 36px 32px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.bw-popup-kicker {
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.18em;
    color: #ef4444;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bw-popup-title {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: clamp(22px, 2.3vw, 28px);
    font-weight: 850;
    line-height: 1.2;
    color: #ffffff;
    margin: 0;
}

.bw-popup-sub {
    font-size: 13px;
    line-height: 1.6;
    color: #94a3b8;
    margin: 0;
}

/* Countdown Timer */
.bw-timer-wrapper {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bw-timer-label {
    font-size: 11px;
    font-weight: 800;
    color: #cbd5e1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bw-timer-boxes {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bw-timer-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    min-width: 44px;
    padding: 4px 6px;
}

.bw-timer-digit {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 850;
    color: #ffffff;
    line-height: 1;
}

.bw-timer-name {
    font-size: 8px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 3px;
}

.bw-timer-colon {
    font-size: 16px;
    font-weight: 900;
    color: #ff4d6d;
    animation: colonPulse 1s infinite;
}

@keyframes colonPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Promo Code Box */
.bw-promo-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: rgba(21, 156, 255, 0.08);
    border: 1.5px dashed rgba(21, 156, 255, 0.4);
    border-radius: 12px;
}

.bw-promo-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bw-promo-left small {
    font-size: 10px;
    font-weight: 800;
    color: #93c5fd;
    letter-spacing: 0.1em;
}

.bw-promo-code {
    font-family: 'Courier New', monospace;
    font-size: 15px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.1em;
}

.bw-copy-btn {
    border: 0;
    background: linear-gradient(135deg, #075fc7, #159cff);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.25s ease;
}

.bw-copy-btn:hover {
    filter: brightness(1.15);
    transform: translateY(-2px);
}

.bw-copy-btn.copied {
    background: #16a34a;
}

/* CTA & Secondary */
.bw-popup-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 999px;
    background: linear-gradient(115deg, #8e0b2a, #e21b3c 55%, #075fca);
    color: #ffffff;
    font-weight: 850;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(226, 27, 60, 0.35);
    transition: all 0.3s ease;
    cursor: pointer;
}

.bw-popup-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(226, 27, 60, 0.5);
    color: #ffffff;
}

.bw-popup-foot-link {
    text-align: center;
    font-size: 11px;
    color: #64748b;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.bw-popup-foot-link:hover {
    color: #94a3b8;
}

/* Floating Re-open Button */
.floating-offer-badge {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 99998;
    background: linear-gradient(135deg, #8e0b2a, #e21b3c);
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.04em;
    box-shadow: 0 10px 30px rgba(226, 27, 60, 0.4), 0 0 15px rgba(226, 27, 60, 0.3);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    animation: offerFloat 3.5s ease-in-out infinite;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.floating-offer-badge:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 38px rgba(226, 27, 60, 0.55);
}

@keyframes offerFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@media (max-width: 768px) {
    .bw-offer-modal-card {
        grid-template-columns: 1fr;
        max-height: 90vh;
        overflow-y: auto;
    }
    .bw-popup-poster {
        min-height: 240px;
        padding: 22px 18px;
    }
    .bw-discount-number {
        font-size: 36px;
    }
    .bw-popup-body {
        padding: 22px 20px 24px;
        gap: 14px;
    }
    .bw-timer-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .floating-offer-badge {
        bottom: 80px;
        left: 15px;
        padding: 8px 14px;
        font-size: 11px;
    }
}



/* ==========================================================================
   STUDENT REVIEWS & FEEDBACK (ACADEMY & TEACHERS)
   ========================================================================== */
.reviews-section {
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 50%, #f4f8fd 100%);
  position: relative;
  overflow: hidden;
  padding: 90px 0;
}

.reviews-section:before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(7, 95, 202, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

.reviews-section:after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226, 27, 60, 0.05) 0%, transparent 70%);
  pointer-events: none;
}

/* Aggregate Reputation Banner */
.review-reputation-banner {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 32px 36px;
  margin-bottom: 40px;
  box-shadow: 0 16px 40px rgba(6, 26, 67, 0.06);
  display: grid;
  grid-template-columns: 280px 1fr 280px;
  gap: 32px;
  align-items: center;
}

.reputation-score-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-right: 1px solid var(--line);
  padding-right: 24px;
}

.reputation-big-num {
  font-family: Manrope, Inter, sans-serif;
  font-size: 52px;
  font-weight: 900;
  color: var(--navy);
  line-height: 1;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.reputation-big-num span {
  font-size: 20px;
  color: var(--muted);
  font-weight: 700;
}

.reputation-stars {
  display: flex;
  gap: 4px;
  color: #f59e0b;
  font-size: 18px;
}

.reputation-meta {
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}

.reputation-rec-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(22, 163, 74, 0.1);
  color: #15803d;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 20px;
  margin-top: 4px;
  width: fit-content;
}

/* Rating Breakdown Bars */
.reputation-breakdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px;
}

.rating-bar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: var(--muted);
  font-weight: 700;
}

.rating-bar-label {
  width: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.rating-bar-track {
  flex: 1;
  height: 8px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.rating-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #f59e0b, #d97706);
  transition: width 0.6s ease;
}

.rating-bar-pct {
  width: 36px;
  text-align: right;
  flex-shrink: 0;
  color: var(--ink);
  font-weight: 800;
}

/* Trust Badges & Action */
.reputation-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-left: 1px solid var(--line);
  padding-left: 28px;
  align-items: flex-start;
}

.reputation-trust-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.reputation-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
}

.reputation-trust-item i {
  color: var(--blue);
  font-size: 14px;
}

.btn-write-review {
  background: var(--grad2);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 22px;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(7, 95, 202, 0.25);
  transition: transform 0.25s, box-shadow 0.25s;
}

.btn-write-review:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(7, 95, 202, 0.35);
}

/* Filter Controls Bar */
.reviews-filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}

.review-filter-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.review-filter-btn {
  background: #ffffff;
  border: 1px solid var(--line);
  color: #334155;
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.22s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.review-filter-btn:hover {
  border-color: var(--blue);
  color: var(--blue);
  transform: translateY(-1px);
}

.review-filter-btn.active {
  background: var(--navy);
  border-color: var(--navy);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(6, 26, 67, 0.2);
}

.reviews-counter-note {
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}

/* Reviews Grid */
.frontend-reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.review-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 26px 26px 24px;
  box-shadow: 0 10px 30px rgba(6, 27, 67, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
}

.review-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(6, 27, 67, 0.12);
  border-color: rgba(7, 95, 202, 0.3);
}

.review-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.review-target-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.review-target-badge.badge-company {
  background: rgba(7, 95, 202, 0.1);
  color: #075fca;
  border: 1px solid rgba(7, 95, 202, 0.18);
}

.review-target-badge.badge-teacher {
  background: rgba(217, 119, 6, 0.1);
  color: #b45309;
  border: 1px solid rgba(217, 119, 6, 0.2);
}

.review-stars {
  display: flex;
  gap: 3px;
  color: #f59e0b;
  font-size: 14px;
}

.review-title {
  font-family: Manrope, Inter, sans-serif;
  font-size: 17px;
  font-weight: 850;
  color: var(--navy);
  line-height: 1.35;
  margin-bottom: 10px;
}

.review-text {
  font-size: 13.5px;
  line-height: 1.7;
  color: #475569;
  margin-bottom: 20px;
  flex: 1;
}

.review-author-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.review-author-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-avatar-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--navy), var(--blue));
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(7, 95, 202, 0.2);
}

.review-author-name {
  font-size: 14px;
  font-weight: 850;
  color: var(--navy);
  display: flex;
  align-items: center;
  gap: 6px;
}

.review-author-role {
  font-size: 11px;
  color: var(--muted);
  font-weight: 600;
  display: block;
}

.verified-pill {
  color: #16a34a;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-weight: 750;
}

.review-date {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 600;
}

/* Write Review Modal */
.review-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(6, 26, 67, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.review-modal-backdrop.active {
  opacity: 1;
  visibility: visible;
}

.review-modal-card {
  background: #ffffff;
  border-radius: 26px;
  max-width: 620px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
  padding: 32px 36px;
  position: relative;
  transform: translateY(20px) scale(0.97);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.review-modal-backdrop.active .review-modal-card {
  transform: translateY(0) scale(1);
}

.modal-close-btn {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #f8fafc;
  color: #64748b;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.2s;
}

.modal-close-btn:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fecaca;
}

.review-modal-header {
  margin-bottom: 22px;
  padding-right: 40px;
}

.review-modal-header h3 {
  font-family: Manrope, Inter, sans-serif;
  font-size: 22px;
  font-weight: 850;
  color: var(--navy);
  margin-bottom: 6px;
}

.review-modal-header p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}

/* Modal Form Styles */
.rf-form-group {
  margin-bottom: 18px;
}

.rf-label {
  display: block;
  font-size: 12.5px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}

.rf-input, .rf-select, .rf-textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #cbd5e1;
  border-radius: 12px;
  font-size: 13.5px;
  color: #0f172a;
  background: #ffffff;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.rf-input:focus, .rf-select:focus, .rf-textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(7, 95, 202, 0.1);
}

/* Target Switcher in Modal */
.rf-target-selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

.rf-target-option {
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.2s ease;
  background: #f8fafc;
}

.rf-target-option.selected {
  border-color: var(--blue);
  background: #f0f7ff;
  color: var(--blue);
}

.rf-target-option input {
  display: none;
}

.rf-target-option strong {
  display: block;
  font-size: 13px;
  color: #0f172a;
}

.rf-target-option.selected strong {
  color: var(--blue);
}

.rf-target-option small {
  display: block;
  font-size: 11px;
  color: #64748b;
}

/* Interactive Star Rating Widget */
.rf-star-picker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 10px;
}

.rf-stars-group {
  display: inline-flex;
  gap: 6px;
  cursor: pointer;
}

.rf-star-item {
  font-size: 26px;
  color: #cbd5e1;
  transition: color 0.15s, transform 0.15s;
}

.rf-star-item:hover, .rf-star-item.active {
  color: #f59e0b;
}

.rf-star-item:hover {
  transform: scale(1.15);
}

.rf-score-text {
  font-size: 12.5px;
  font-weight: 750;
  color: #0f172a;
  margin-left: 8px;
}

/* Submit Feedback Banner */
.rf-message-box {
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 16px;
  display: none;
}

.rf-message-box.success {
  background: #dcfce7;
  color: #15803d;
  border: 1px solid #bbf7d0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.rf-message-box.error {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Responsive Breakpoints */
@media (max-width: 1080px) {
  .frontend-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .review-reputation-banner {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .reputation-score-box {
    border-right: none;
    border-bottom: 1px solid var(--line);
    padding-bottom: 20px;
  }
  .reputation-actions {
    border-left: none;
    border-top: 1px solid var(--line);
    padding-left: 0;
    padding-top: 20px;
  }
}

@media (max-width: 640px) {
  .frontend-reviews-grid {
    grid-template-columns: 1fr;
  }
  .rf-target-selector {
    grid-template-columns: 1fr;
  }
  .review-modal-card {
    padding: 24px 20px;
  }
  .reviews-filter-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =========================================================
   INTERNATIONAL PHONE INPUT WITH COUNTRY FLAG DROPDOWN
========================================================= */
/**
 * The Bitwise Academy - International Phone & Country Flag Dropdown Styles
 * Pixel-perfect alignment for mobile number inputs across all website forms:
 * Course Subscription, Student Registration, Contact Us, Admissions & Checkouts.
 */

/* Container Wrapper */
.intl-phone-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
}

/* Trigger Button */
.intl-phone-wrapper .intl-phone-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  border-right: 1px solid #cbd5e1 !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  color: #0f172a !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  user-select: none !important;
  flex-shrink: 0 !important;
  outline: none !important;
  transition: all 0.15s ease-in-out !important;
  box-sizing: border-box !important;
}

.intl-phone-wrapper .intl-phone-btn:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

.intl-phone-wrapper:focus-within .intl-phone-btn {
  border-color: #075fc7 !important;
  background: #ffffff !important;
}

/* Flag image in trigger & dropdown */
.intl-flag-img {
  width: 22px !important;
  height: 15px !important;
  min-width: 22px !important;
  object-fit: cover !important;
  border-radius: 2.5px !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

.intl-flag-fallback {
  font-size: 16px;
  line-height: 1;
}

/* Dial code in trigger button */
.intl-phone-wrapper .intl-phone-btn .intl-phone-dial {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: 0.2px !important;
}

/* Chevron arrow */
.intl-phone-wrapper .intl-phone-btn .intl-phone-arrow {
  font-size: 10px !important;
  color: #64748b !important;
  transition: transform 0.2s ease !important;
  margin-left: 1px !important;
}

.intl-phone-wrapper.active .intl-phone-btn .intl-phone-arrow,
.auth-input.active .intl-phone-btn .intl-phone-arrow {
  transform: rotate(180deg) !important;
}

/* Input box fused seamlessly with button */
.intl-phone-wrapper input.intl-phone-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-left: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.15s ease-in-out !important;
}

.intl-phone-wrapper:focus-within input.intl-phone-input {
  border-color: #075fc7 !important;
}

/* Dropdown Menu Container (Hidden by default; opens only on click) */
.intl-phone-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  width: 350px !important;
  max-width: calc(100vw - 32px) !important;
  max-height: 380px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.22), 0 4px 12px rgba(15, 23, 42, 0.08) !important;
  z-index: 999999 !important;
  display: none !important; /* CRITICAL: Hidden until trigger clicked */
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Shown ONLY when .open or parent is .active */
.intl-phone-dropdown.open,
.intl-phone-wrapper.active > .intl-phone-dropdown,
.auth-input.active > .intl-phone-dropdown {
  display: flex !important;
  animation: intlPhoneDropdownIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.intl-phone-dropdown.opens-up {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

@keyframes intlPhoneDropdownIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Search Box */
.intl-phone-search-box {
  padding: 10px 12px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

.intl-phone-search-box i {
  color: #94a3b8 !important;
  font-size: 13px !important;
}

.intl-phone-search-input {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-family: inherit !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

.intl-phone-search-input:focus {
  border-color: #075fc7 !important;
  box-shadow: 0 0 0 2px rgba(7, 95, 199, 0.15) !important;
}

/* List container */
.intl-phone-list {
  overflow-y: auto !important;
  max-height: 270px !important;
  padding: 4px 0 !important;
}

.intl-phone-list::-webkit-scrollbar {
  width: 6px;
}

.intl-phone-list::-webkit-scrollbar-track {
  background: #f8fafc;
}

.intl-phone-list::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

/* Section Title */
.intl-phone-section-title {
  padding: 6px 14px 4px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #64748b !important;
  background: #f8fafc !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

/* Option Row: Flag + Name + Code + Dial + Check */
.intl-phone-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  font-size: 13.5px !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: background 0.12s ease !important;
  user-select: none !important;
}

.intl-phone-option:hover {
  background: #f1f5f9 !important;
}

.intl-phone-option.selected {
  background: #eff6ff !important;
  color: #075fc7 !important;
  font-weight: 600 !important;
}

.intl-phone-option .intl-option-flag {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.intl-phone-option .intl-option-name {
  flex: 1 1 auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0f172a !important;
  font-size: 13.5px !important;
}

.intl-phone-option.selected .intl-option-name {
  color: #075fc7 !important;
  font-weight: 700 !important;
}

.intl-phone-option .intl-option-code {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  flex-shrink: 0 !important;
}

.intl-phone-option.selected .intl-option-code {
  background: #dbeafe !important;
  color: #075fc7 !important;
}

.intl-phone-option .intl-option-dial {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin-left: 2px !important;
  flex-shrink: 0 !important;
  min-width: 46px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

.intl-phone-option.selected .intl-option-dial {
  color: #075fc7 !important;
}

.intl-phone-option .intl-option-check {
  font-size: 11px !important;
  color: #075fc7 !important;
  opacity: 0 !important;
  flex-shrink: 0 !important;
  margin-left: 2px !important;
}

.intl-phone-option.selected .intl-option-check {
  opacity: 1 !important;
}

.intl-phone-no-results {
  padding: 24px 16px !important;
  text-align: center !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-style: italic !important;
}

/* Dropdown Footer with OK / Confirm Button */
.intl-phone-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  gap: 10px !important;
  font-size: 12px !important;
  flex-shrink: 0 !important;
}

.intl-phone-footer-info {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #334155 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;
}

.intl-phone-ok-btn {
  background: #075fc7 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: background 0.15s ease !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08) !important;
}

.intl-phone-ok-btn:hover {
  background: #054ea6 !important;
}

/* =========================================================
   DARK THEME SUPPORT (Checkout Modal e.g. #bw-checkout-modal)
========================================================= */
.intl-phone-wrapper.dark-mode .intl-phone-btn {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

.intl-phone-wrapper.dark-mode .intl-phone-btn:hover {
  background: #1e293b !important;
}

.intl-phone-wrapper.dark-mode:focus-within .intl-phone-btn {
  border-color: #38bdf8 !important;
  background: #0f172a !important;
}

.intl-phone-wrapper.dark-mode .intl-phone-btn .intl-phone-dial {
  color: #cbd5e1 !important;
}

.intl-phone-wrapper.dark-mode input.intl-phone-input {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

.intl-phone-wrapper.dark-mode:focus-within input.intl-phone-input {
  border-color: #38bdf8 !important;
}

.intl-phone-dropdown.dark-mode {
  background: #0f172a !important;
  border-color: #334155 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55) !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-search-box {
  background: #1e293b !important;
  border-color: #334155 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-search-input {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-search-input:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2) !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-list::-webkit-scrollbar-track {
  background: #0f172a;
}

.intl-phone-dropdown.dark-mode .intl-phone-list::-webkit-scrollbar-thumb {
  background: #334155;
}

.intl-phone-dropdown.dark-mode .intl-phone-section-title {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option {
  color: #e2e8f0 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option:hover {
  background: #1e293b !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option.selected {
  background: rgba(37, 99, 235, 0.25) !important;
  color: #60a5fa !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option .intl-option-name {
  color: #f1f5f9 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option.selected .intl-option-name {
  color: #60a5fa !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option .intl-option-code {
  background: #1e293b !important;
  color: #94a3b8 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option.selected .intl-option-code {
  background: rgba(37, 99, 235, 0.3) !important;
  color: #93c5fd !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option .intl-option-dial {
  color: #94a3b8 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option.selected .intl-option-dial {
  color: #60a5fa !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-option .intl-option-check {
  color: #60a5fa !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-footer {
  background: #1e293b !important;
  border-top-color: #334155 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-footer-info {
  color: #e2e8f0 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-ok-btn {
  background: #0284c7 !important;
}

.intl-phone-dropdown.dark-mode .intl-phone-ok-btn:hover {
  background: #0369a1 !important;
}

/* =========================================================
   FORM SPECIFIC INTEGRATIONS & LAYOUT HARMONIZATION
========================================================= */

/* Auth input integration (Registration: get-started.html) */
.auth-input.has-intl-phone {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: visible !important;
}

.auth-input.has-intl-phone .intl-phone-btn {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px 0 12px !important;
  background: transparent !important;
  border: none !important;
  border-right: 1.5px solid #dce5f0 !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

.auth-input.has-intl-phone .intl-phone-btn:hover {
  background: rgba(7, 95, 199, 0.05) !important;
}

.auth-input.has-intl-phone input.intl-phone-input {
  border: none !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 0 10px 10px 0 !important;
}

/* Contact Us Grid integration (contact.html) */
.ct-form-grid label {
  display: flex;
  flex-direction: column;
}

.ct-form-grid .intl-phone-wrapper {
  margin-top: 6px;
}

/* Admissions Grid integration (admissions.html) */
.bp-form-grid label {
  display: flex;
  flex-direction: column;
}

.bp-form-grid .intl-phone-wrapper {
  margin-top: 6px;
}

/* Institutional Form Grid (corporate-training & training-centre) */
.pol-form-grid .intl-phone-wrapper .intl-phone-btn {
  height: 46px !important;
  min-height: 46px !important;
  border-width: 1.5px !important;
  border-color: #d4e0ee !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.pol-form-grid .intl-phone-wrapper input.intl-phone-input {
  height: 46px !important;
  min-height: 46px !important;
  border-width: 1.5px !important;
  border-color: #d4e0ee !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* =========================================================================
   RESPONSIVE CHECKOUT & SUBSCRIPTION MODALS (GUARANTEES CLOSE & CANCEL BUTTONS
   ARE ALWAYS VISIBLE ON ALL LAPTOP SCREEN RESOLUTIONS, ZOOM & SCALING)
   ========================================================================= */

.sub-checkout-modal,
#bw-frontend-checkout-modal {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(4, 12, 30, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 100000 !important;
  display: none;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 14px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
}

.sub-checkout-modal.open,
#bw-frontend-checkout-modal {
  display: flex !important;
}

.sub-checkout-box,
.bw-checkout-card {
  background: #ffffff !important;
  border-radius: 18px !important;
  max-width: 520px !important;
  width: 100% !important;
  margin: auto !important;
  max-height: calc(100vh - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 25px 65px -10px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
  box-sizing: border-box !important;
  animation: subModalIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bw-checkout-card {
  background: #0f172a !important;
}

/* Modal Sticky Header - Pinned at top so Close button is NEVER hidden */
.sub-modal-head,
.bw-checkout-sticky-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  flex-shrink: 0 !important;
  background: linear-gradient(135deg, #061d49 0%, #0c2b66 100%) !important;
  color: #ffffff !important;
  padding: 15px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  box-sizing: border-box !important;
}

.sub-modal-kicker {
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #60a5fa !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  margin-bottom: 2px !important;
}

.sub-modal-head h3 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

.sub-modal-head button,
#csCloseModalBtn,
#closeSubModalBtn,
#bw-modal-close {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.sub-modal-head button:hover,
#csCloseModalBtn:hover,
#closeSubModalBtn:hover,
#bw-modal-close:hover {
  background: rgba(239, 68, 68, 0.85) !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

/* Modal Scrollable Body - Form fields scroll cleanly */
.sub-modal-body,
.bw-checkout-scroll-body {
  padding: 18px 22px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
}

/* Plan summary banner in subscription modal */
.sub-plan-banner {
  background: #f8fafc !important;
  border: 1.5px solid #dbeafe !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.sub-plan-banner strong {
  font-size: 15px !important;
  color: #061d49 !important;
  display: block !important;
}

.sub-plan-banner small {
  color: #64748b !important;
  font-size: 11.5px !important;
}

.sub-plan-banner span:first-child {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #061d49 !important;
}

.sub-plan-banner span:last-child {
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #15803d !important;
  background: #dcfce7 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  text-align: center !important;
}

.sub-form-field {
  margin-bottom: 13px !important;
}

.sub-form-field label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  display: block !important;
  margin-bottom: 5px !important;
}

.sub-form-field input[type="text"],
.sub-form-field input[type="email"] {
  width: 100% !important;
  padding: 9px 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  box-sizing: border-box !important;
  outline: none !important;
  color: #0f172a !important;
  transition: border-color 0.15s ease !important;
}

.sub-form-field input[type="text"]:focus,
.sub-form-field input[type="email"]:focus {
  border-color: #075fc7 !important;
}

.sub-gateway-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.sub-gateway-grid label {
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  background: #ffffff !important;
  transition: all 0.15s ease !important;
  margin-bottom: 0 !important;
}

.sub-gateway-grid label:hover {
  border-color: #075fc7 !important;
  background: #f0f7ff !important;
}

.sub-gateway-grid input[type="radio"]:checked + span {
  color: #075fc7 !important;
  font-weight: 800 !important;
}

.sub-security-note {
  text-align: center !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  margin: 10px 0 0 !important;
}

/* Modal Sticky Footer - Pinned at bottom so Close / Cancel & Pay are ALWAYS visible */
.sub-modal-foot,
.bw-checkout-sticky-foot {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 40 !important;
  flex-shrink: 0 !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 12px 20px !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box !important;
}

.bw-checkout-sticky-foot {
  background: #0b1329 !important;
  border-top-color: #1e293b !important;
}

.sub-btn-cancel,
#csBtnCloseSubModal,
#btnCloseSubModal,
#bw-modal-exit-btn {
  flex: 0 0 auto !important;
  min-width: 105px !important;
  padding: 11px 16px !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

#bw-modal-exit-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #cbd5e1 !important;
}

.sub-btn-cancel:hover,
#csBtnCloseSubModal:hover,
#btnCloseSubModal:hover,
#bw-modal-exit-btn:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

#bw-modal-exit-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
}

.sub-btn-submit,
#csBtnSubmitSubOrder,
#btnSubmitSubOrder,
#bw-btn-pay-submit {
  flex: 1 !important;
  padding: 11px 16px !important;
  background: linear-gradient(135deg, #075fc7, #0284c7) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(7, 95, 199, 0.3) !important;
}

#bw-btn-pay-submit {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
}

.sub-btn-submit:hover,
#csBtnSubmitSubOrder:hover,
#btnSubmitSubOrder:hover,
#bw-btn-pay-submit:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

.sub-checkout-box .intl-phone-wrapper {
  width: 100% !important;
}

@keyframes subModalIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 480px) {
  .sub-modal-foot,
  .bw-checkout-sticky-foot {
    flex-direction: column-reverse !important;
  }
  .sub-modal-foot button,
  .bw-checkout-sticky-foot button {
    width: 100% !important;
  }
  .sub-gateway-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   UPCOMING COURSES AND PROJECTS IN BITWISE ACADEMY (LAUNCHING SOON)
   ========================================================================== */
.upcoming-courses-section {
  position: relative;
  background: radial-gradient(circle at 50% 0%, #0d2252 0%, #051330 55%, #030a1c 100%);
  padding: 96px 0 104px;
  overflow: hidden;
  color: #ffffff;
}

.upcoming-ambient-glow {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(120px);
  opacity: 0.15;
}
.upcoming-glow-1 {
  top: -150px;
  left: 10%;
  background: #0284c7;
}
.upcoming-glow-2 {
  bottom: -150px;
  right: 10%;
  background: #6366f1;
}

.upcoming-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 42px;
  position: relative;
  z-index: 2;
}

.upcoming-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(56, 189, 248, 0.12);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 999px;
  padding: 6px 18px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 18px;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.15);
}

.upcoming-title {
  color: #ffffff;
  font-size: clamp(28px, 4.2vw, 42px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
}

.upcoming-title-gradient {
  background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.upcoming-subtitle {
  color: #94a3b8;
  font-size: 15.5px;
  line-height: 1.65;
  margin: 0 auto;
}

/* Category Filter Bar */
.upcoming-filter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 auto 40px;
  max-width: 800px;
  position: relative;
  z-index: 2;
}

.upcoming-filter-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.upcoming-filter-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-color: rgba(56, 189, 248, 0.4);
}
.upcoming-filter-btn.active {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.4);
}

/* Grid */
.upcoming-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  position: relative;
  z-index: 2;
}

@media (max-width: 1080px) {
  .upcoming-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }
}
@media (max-width: 680px) {
  .upcoming-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Card */
.upcoming-card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.88) 0%, rgba(8, 14, 28, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  position: relative;
  backdrop-filter: blur(12px);
}

.upcoming-card:hover {
  transform: translateY(-8px);
  border-color: rgba(56, 189, 248, 0.45);
  box-shadow: 0 24px 50px rgba(2, 132, 199, 0.25);
}

/* Card Visual Header */
.upcoming-card-art {
  height: 175px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.upcoming-card-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3, 10, 24, 0.35) 0%, rgba(8, 14, 28, 0.95) 100%);
}

.upcoming-card-badges {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}

.upcoming-domain-pill {
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 5px 12px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #38bdf8;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.upcoming-status-badge {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #34d399;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  backdrop-filter: blur(8px);
}

.upcoming-pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34d399;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7);
  animation: upcomingPulse 1.8s infinite;
}

@keyframes upcomingPulse {
  0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); }
  70% { box-shadow: 0 0 0 7px rgba(52, 211, 153, 0); }
  100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}

.upcoming-card-icon-floater {
  position: absolute;
  bottom: 12px;
  left: 20px;
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(56, 189, 248, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #38bdf8;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

/* Card Body */
.upcoming-card-body {
  padding: 20px 24px 18px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.upcoming-card-title {
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.35;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}

.upcoming-card-desc {
  font-size: 13.5px;
  color: #94a3b8;
  line-height: 1.55;
  margin: 0 0 16px;
}

/* Capstone Project Box */
.upcoming-capstone-box {
  background: rgba(2, 132, 199, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-left: 3px solid #38bdf8;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 16px;
}

.upcoming-capstone-kicker {
  font-size: 10.5px;
  font-weight: 800;
  color: #38bdf8;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.upcoming-capstone-title {
  font-size: 12.5px;
  font-weight: 600;
  color: #f1f5f9;
  line-height: 1.45;
}

/* Tags */
.upcoming-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}

.upcoming-tag {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
}

/* Meta Row */
.upcoming-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11.5px;
  color: #64748b;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin-top: auto;
}
.upcoming-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.upcoming-meta-item i {
  color: #38bdf8;
}

/* Card Foot */
.upcoming-card-foot {
  padding: 16px 24px 22px;
  background: rgba(4, 9, 20, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.btn-upcoming-notify {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 13.5px;
  border-radius: 12px;
  border: 1px solid rgba(56, 189, 248, 0.3);
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35);
}

.btn-upcoming-notify:hover {
  background: linear-gradient(135deg, #0369a1 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5);
  color: #ffffff;
}

/* Waitlist Modal */
.upcoming-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(4, 10, 24, 0.85);
  backdrop-filter: blur(8px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.upcoming-modal-backdrop.active {
  display: flex;
  opacity: 1;
}

.upcoming-modal-card {
  background: #ffffff;
  color: #0f172a;
  border-radius: 20px;
  max-width: 520px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  animation: upcomingModalIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

@keyframes upcomingModalIn {
  from { opacity: 0; transform: scale(0.94) translateY(12px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.upcoming-modal-header {
  padding: 24px 28px 18px;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
  background: #f8fafc;
  border-radius: 20px 20px 0 0;
}

.upcoming-modal-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e2e8f0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #475569;
  transition: all 0.2s ease;
}
.upcoming-modal-close:hover {
  background: #cbd5e1;
  color: #0f172a;
}

.upcoming-modal-body {
  padding: 24px 28px 28px;
}

.upcoming-form-group {
  margin-bottom: 16px;
}
.upcoming-form-group label {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  color: #334155;
  margin-bottom: 6px;
}
.upcoming-form-group input,
.upcoming-form-group select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font-size: 13.5px;
  color: #0f172a;
  transition: border-color 0.2s ease;
  background: #ffffff;
}
.upcoming-form-group input:focus,
.upcoming-form-group select:focus {
  border-color: #0284c7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}





/* ==========================================================================
   UNIFIED GLOBAL HEADER NAVIGATION (Compact, Balanced, Zero Empty Space)
   ========================================================================== */
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    padding: 8px 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(6, 29, 73, 0.05) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.site-header .navbar,
.site-header .navbar.container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(1280px, calc(100% - 32px)) !important;
    max-width: 1280px !important;
    min-height: 62px !important;
    max-height: 64px !important;
    height: 62px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 0 18px !important;
    gap: 16px !important;
    box-shadow: 0 4px 20px rgba(6, 26, 67, 0.06) !important;
    position: relative !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* Brand Logo: Clean, Crisp, Not Stretched */
.site-header .brand,
.site-header .brand-exact {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 155px !important;
    flex: 0 0 155px !important;
    height: 48px !important;
    max-height: 48px !important;
    text-decoration: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
}

.site-header .brand-exact-logo,
.site-header .brand img,
.site-header .navbar-logo {
    width: 150px !important;
    height: 44px !important;
    max-width: 100% !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
}

/* Nav Panel: Right-Aligned to Eliminate Dead Center Space */
.site-header .nav-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 24px !important;
    flex: 1 !important;
    min-width: 0 !important;
    background: transparent !important;
}

/* Nav Links: Well-Spaced, Elegant, Clickable */
.site-header .nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.site-header .nav-links li {
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .nav-links > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    color: #1e293b !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

.site-header .nav-links > li > a:hover {
    color: #075fca !important;
    background: #f1f5f9 !important;
}

.site-header .nav-links > li > a.active {
    color: #075fca !important;
    background: rgba(7, 95, 202, 0.08) !important;
    font-weight: 700 !important;
}

/* Nav Action Buttons */
.site-header .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    margin-left: 6px !important;
}

.site-header .nav-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.02em !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

/* LOGIN BUTTON: Completely Visible, High Contrast Dark Navy Border & Text */
.site-header .nav-actions .btn-outline,
.site-header .nav-actions .btn-login,
.site-header .btn-outline,
.site-header .btn-login {
    background: #ffffff !important;
    color: #061a43 !important;
    border: 1.5px solid #061a43 !important;
    box-shadow: 0 1px 3px rgba(6, 26, 67, 0.08) !important;
}

.site-header .nav-actions .btn-outline:hover,
.site-header .nav-actions .btn-login:hover,
.site-header .btn-outline:hover,
.site-header .btn-login:hover {
    background: #061a43 !important;
    color: #ffffff !important;
    border-color: #061a43 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(6, 26, 67, 0.2) !important;
}

/* START FREE BUTTON: Vibrant Crimson Gradient */
.site-header .nav-actions .btn-red,
.site-header .btn-red {
    background: linear-gradient(115deg, #7d0825, #e21b3c 58%, #075fca) !important;
    color: #ffffff !important;
    border: 1.5px solid transparent !important;
    box-shadow: 0 4px 14px rgba(226, 27, 60, 0.25) !important;
}

.site-header .nav-actions .btn-red:hover,
.site-header .btn-red:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(226, 27, 60, 0.38) !important;
    color: #ffffff !important;
}

/* Mobile Toggle and Responsive Drawer */
.site-header .menu-toggle {
    display: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
}

@media (max-width: 991px) {
    .site-header .navbar,
    .site-header .navbar.container {
        width: calc(100% - 24px) !important;
        min-height: 58px !important;
        height: 58px !important;
        padding: 0 14px !important;
    }
    .site-header .menu-toggle {
        display: flex !important;
        margin-left: auto !important;
        width: 38px !important;
        height: 38px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        cursor: pointer !important;
    }
    .site-header .menu-toggle span,
    .site-header .menu-toggle .hamburger-line {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        background: #061a43 !important;
        border-radius: 2px !important;
        transition: all 0.2s ease !important;
    }
    .site-header .nav-panel {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        background: #081732 !important;
        border: 1.5px solid rgba(21, 156, 255, 0.35) !important;
        border-radius: 18px !important;
        padding: 16px 14px !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65) !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    .site-header .nav-panel.open {
        display: flex !important;
    }
    .site-header .nav-links {
        flex-direction: column !important;
        width: 100% !important;
        gap: 6px !important;
    }
    .site-header .nav-links li {
        width: 100% !important;
    }
    .site-header .nav-links > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 12px 16px !important;
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 12px !important;
        font-weight: 750 !important;
        text-decoration: none !important;
    }
    .site-header .nav-actions {
        width: 100% !important;
        margin-left: 0 !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
        border-top: none !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        order: 1 !important;
    }
    .site-header .nav-actions .btn {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 14.5px !important;
        font-weight: 800 !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }
    .site-header .nav-panel .btn-outline,
    .site-header .nav-panel .btn-login,
    .site-header .nav-actions .btn-outline,
    .site-header .nav-actions .btn-login {
        background: #ffffff !important;
        color: #061a43 !important;
        border: 2px solid #ffffff !important;
        font-weight: 800 !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
    }
    .site-header .nav-panel .btn-red,
    .site-header .nav-actions .btn-red {
        background: linear-gradient(135deg, #d9173d 0%, #ff2b52 100%) !important;
        color: #ffffff !important;
        border: 2px solid #ff4769 !important;
        font-weight: 800 !important;
        box-shadow: 0 4px 16px rgba(217, 23, 61, 0.5) !important;
    }
}