*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:1000;min-height:78px;display:flex;align-items:center;gap:22px;padding:10px clamp(16px,4vw,64px);background:linear-gradient(180deg,rgba(16,16,16,.96),rgba(16,16,16,.88));border-bottom:1px solid rgba(229,199,141,.13);backdrop-filter:blur(20px);box-shadow:0 16px 50px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:54px;height:54px;border-radius:18px;overflow:hidden;border:1px solid rgba(229,199,141,.55);background:#111;box-shadow:0 10px 28px rgba(209,181,133,.14)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand span:last-child{display:grid;gap:0}.brand b{font-weight:900;letter-spacing:.07em;font-size:16px}.brand small{font-size:10px;letter-spacing:.24em;color:var(--c-gold);font-weight:800}.main-nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px}.main-nav a{padding:10px 13px;border-radius:999px;color:#d7d0c6;font-size:14px;font-weight:800;transition:.22s}.main-nav a:hover,.main-nav a.active{color:#15120e;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));box-shadow:0 10px 28px rgba(209,181,133,.16)}.main-nav .nav-cta{display:inline-flex;gap:7px;align-items:center;margin-inline-start:8px;background:rgba(255,255,255,.06);border:1px solid rgba(229,199,141,.28);color:var(--c-gold-bright)}.nav-toggle{display:none;margin-inline-start:auto;border:1px solid rgba(229,199,141,.28);background:#191817;color:#fff;border-radius:14px;width:46px;height:46px;font-size:24px}.public-flash{width:min(1180px,92vw);margin:14px auto 0;border-radius:16px;padding:12px 16px;position:relative;z-index:2}.public-flash.success{background:#173f2e}.public-flash.error{background:#5a1d1d}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(48px,7vw,100px) clamp(18px,6vw,88px);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(209,181,133,.15),transparent 28%),radial-gradient(circle at 8% 82%,rgba(130,105,71,.14),transparent 26%),linear-gradient(135deg,#101010 0%,#181716 47%,#0c0c0c 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(229,199,141,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(229,199,141,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}.hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(229,199,141,.14);border-radius:50%;left:-320px;bottom:-480px;box-shadow:0 0 0 70px rgba(229,199,141,.02),0 0 0 140px rgba(229,199,141,.015);z-index:-1}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(229,199,141,.28);background:rgba(229,199,141,.07);color:var(--c-gold-bright);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;letter-spacing:.14em}.eyebrow:before{content:"";width:7px;height:7px;background:var(--c-gold-bright);border-radius:50%;box-shadow:0 0 16px var(--c-gold)}.hero h1{font-size:clamp(22px,1.95vw,30px)!important;line-height:1.38;margin:13px 0 15px;letter-spacing:-.012em;font-weight:900;max-width:680px;text-wrap:pretty}.hero h1 .gold{background:linear-gradient(135deg,#fff1ce 0%,var(--c-gold-bright) 35%,#8d7047 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:760px;font-size:clamp(17px,1.8vw,22px);line-height:1.9;color:#c4baac;font-weight:500}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:16px;padding:13px 22px;font-weight:900;transition:.23s transform,.23s box-shadow,.23s border-color}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17130e;box-shadow:0 18px 50px rgba(209,181,133,.2)}.btn-ghost{border:1px solid rgba(229,199,141,.24);background:rgba(255,255,255,.035);color:#f6f0e6}.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#171716;border:1px solid rgba(255,255,255,.08);color:#bfb5a7;font-size:12px;font-weight:800}.hero-badges span:before{content:"•";color:var(--c-gold);font-size:20px;line-height:0}.hero-visual{position:relative;display:grid;place-items:center;min-height:520px}.hero-orbit{position:absolute;width:min(88%,580px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(229,199,141,.25);box-shadow:0 0 120px rgba(209,181,133,.12),inset 0 0 100px rgba(209,181,133,.04)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px dashed rgba(229,199,141,.16)}.hero-orbit:after{inset:23%;border-style:solid;opacity:.7}.hero-card{width:min(88%,510px);aspect-ratio:1;border-radius:42px;overflow:hidden;position:relative;background:#0c0c0c;border:1px solid rgba(229,199,141,.32);box-shadow:0 42px 120px rgba(0,0,0,.55),0 0 70px rgba(209,181,133,.12);transform:rotate(-1.4deg);transition:.3s}.hero-card:hover{transform:translateY(-7px) rotate(0)}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%,transparent 64%,rgba(209,181,133,.08));pointer-events:none}.market-chip{position:absolute;bottom:12%;right:0;background:linear-gradient(135deg,#25221f,#111);border:1px solid rgba(229,199,141,.32);box-shadow:0 18px 50px rgba(0,0,0,.45);border-radius:20px;padding:13px 16px;display:flex;align-items:center;gap:12px}.market-chip i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#16120c}.market-chip span{display:grid}.market-chip b{font-size:15px}.market-chip small{color:#a89c8c}.stats{width:min(1180px,92vw);margin:-32px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(229,199,141,.16);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#1b1a19,#111);box-shadow:0 28px 90px rgba(0,0,0,.42)}.stats>div{padding:26px clamp(18px,4vw,52px);border-inline-end:1px solid rgba(255,255,255,.06)}.stats>div:last-child{border-inline-end:0}.stats strong{display:block;font-size:clamp(28px,3.7vw,54px);line-height:1;color:var(--c-gold-bright);font-weight:900}.stats span{display:block;margin-top:8px;color:#b8ada0;font-weight:800}.marquee{overflow:hidden;margin-top:28px;border-block:1px solid rgba(229,199,141,.16);background:linear-gradient(90deg,#a9834f,var(--c-gold-bright),#8e6e45);color:#14100c}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{white-space:nowrap;padding:12px 28px;font-weight:900;letter-spacing:.11em;font-size:13px}@keyframes marquee{to{transform:translateX(33.333%)}}.section{padding:clamp(64px,8vw,112px) clamp(18px,6vw,88px)}.section.dark{background:linear-gradient(180deg,#0e0e0e,#141311)}.section.soft{background:radial-gradient(circle at 18% 20%,rgba(209,181,133,.07),transparent 28%),#181715}.section-title{max-width:860px;margin:0 0 34px}.section-title.center{text-align:center;margin-inline:auto}.section-title.center .eyebrow{justify-content:center}.section-title h2,.page-hero h1{font-size:clamp(34px,5.2vw,72px);line-height:1.05;margin:13px 0;color:#f8f1e6;letter-spacing:-.035em;font-weight:900;text-wrap:balance}.section-title p{font-size:18px;line-height:1.9;color:#aaa092;max-width:790px}.section-title.center p{margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;padding:28px;border:1px solid rgba(229,199,141,.14);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 22px 70px rgba(0,0,0,.18);transition:.25s transform,.25s border-color,.25s box-shadow}.service-card:hover{transform:translateY(-6px);border-color:rgba(229,199,141,.35);box-shadow:0 32px 90px rgba(0,0,0,.35)}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--c-gold);opacity:.045;left:-80px;bottom:-80px}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.service-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#3a332a,#1d1b18);border:1px solid rgba(229,199,141,.25);font-size:27px;box-shadow:inset 0 0 25px rgba(209,181,133,.08)}.badge{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17120d}.service-card h3{font-size:27px;margin:22px 0 10px}.service-card>p{color:#afa494;line-height:1.85}.service-features{display:grid;gap:9px;margin:18px 0 26px;padding:0;list-style:none}.service-features li{display:flex;gap:9px;align-items:flex-start;color:#d8cfc2}.service-features i{color:var(--c-gold-bright);margin-top:3px}.service-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;position:relative;z-index:1}.service-price strong{display:block;color:var(--c-gold-bright);font-size:25px}.service-price small{color:#948a7e}.text-link{display:inline-flex;gap:7px;align-items:center;color:var(--c-gold-bright);font-weight:900}.join-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}.join-visual{position:relative;min-height:560px;border-radius:36px;overflow:hidden;background:#0c0c0c;border:1px solid rgba(229,199,141,.2);box-shadow:0 30px 90px rgba(0,0,0,.3)}.join-visual img{width:100%;height:100%;object-fit:cover}.join-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,8,8,.9))}.join-overlay{position:absolute;inset:auto 24px 24px;z-index:2;background:rgba(15,15,15,.76);backdrop-filter:blur(14px);border:1px solid rgba(229,199,141,.18);border-radius:24px;padding:18px}.join-overlay b{color:var(--c-gold-bright);font-size:22px}.join-overlay p{color:#b4aa9d;line-height:1.7;margin:7px 0 0}.requirement-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.req-group{background:linear-gradient(150deg,#1d1c1a,#111);border:1px solid rgba(229,199,141,.13);border-radius:28px;padding:22px}.req-group h3{margin:0 0 16px;font-size:21px}.req-list{display:grid;gap:12px}.req-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:13px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}.req-item i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(229,199,141,.09);color:var(--c-gold-bright);font-size:19px}.req-item b{display:block;margin-bottom:4px}.req-item p{margin:0;color:#a99f92;line-height:1.65;font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:process}.process-card{counter-increment:process;position:relative;padding:30px;border-radius:28px;background:#121211;border:1px solid rgba(229,199,141,.13);overflow:hidden}.process-card:after{content:"0" counter(process);position:absolute;left:18px;top:4px;font-size:86px;font-weight:900;color:rgba(229,199,141,.05)}.process-card i{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#18130d;font-size:23px}.process-card h3{font-size:24px;margin:20px 0 8px}.process-card p{color:#a9a093;line-height:1.8;margin:0}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.signal-card{border:1px solid rgba(229,199,141,.15);border-radius:28px;padding:24px;background:linear-gradient(150deg,#191817,#101010);position:relative;overflow:hidden}.signal-card.buy:before,.signal-card.sell:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.signal-card.buy:before{background:#3ed598}.signal-card.sell:before{background:#ef6a6a}.signal-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.signal-head strong{font-size:24px;color:var(--c-gold-bright)}.signal-dir{font-size:12px;padding:7px 10px;border-radius:999px;font-weight:900}.buy .signal-dir{background:rgba(62,213,152,.1);color:#72e5b5}.sell .signal-dir{background:rgba(239,106,106,.1);color:#ff9c9c}.signal-levels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.signal-levels div{padding:11px;border-radius:14px;background:#0d0d0d;border:1px solid rgba(255,255,255,.045)}.signal-levels span{display:block;color:#827a70;font-size:11px}.signal-levels b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#f1eadf}.signal-note{margin:14px 0 0;color:#a99e90;line-height:1.7}.editorial{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.editorial-media{min-height:540px;border-radius:38px;overflow:hidden;border:1px solid rgba(229,199,141,.2);background:#0d0d0d;box-shadow:0 34px 90px rgba(0,0,0,.32)}.editorial-media img{width:100%;height:100%;min-height:540px;object-fit:cover}.editorial-copy{border-radius:34px;padding:clamp(25px,4vw,54px);background:linear-gradient(150deg,#1c1b19,#101010);border:1px solid rgba(229,199,141,.13);box-shadow:0 24px 80px rgba(0,0,0,.22)}.editorial-copy h2{font-size:clamp(34px,4.8vw,66px);margin:14px 0;line-height:1.08}.editorial-copy p{color:#b6ab9d;font-size:18px;line-height:2}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-item{grid-column:span 4;position:relative;min-height:260px;border-radius:24px;overflow:hidden;border:1px solid rgba(229,199,141,.13);background:#111}.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 8}.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover;transition:.35s transform}.gallery-item:hover img{transform:scale(1.035)}.gallery-caption{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-weight:800}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.contact-panel,.contact-form{border-radius:32px;padding:clamp(24px,4vw,42px);background:linear-gradient(150deg,#1d1c1a,#111);border:1px solid rgba(229,199,141,.13)}.contact-panel .contact-logo{width:116px;height:116px;border-radius:28px;object-fit:cover;border:1px solid rgba(229,199,141,.3);box-shadow:0 20px 60px rgba(0,0,0,.32);margin-bottom:18px}.contact-panel h2,.contact-form h2{font-size:clamp(29px,4vw,50px);margin:8px 0 12px}.contact-panel p{color:#aca194;line-height:1.9}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.contact-link{display:flex;gap:11px;align-items:center;padding:13px;border-radius:17px;background:#111;border:1px solid rgba(255,255,255,.05);transition:.2s}.contact-link:hover{border-color:rgba(229,199,141,.28);transform:translateY(-2px)}.contact-link i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(229,199,141,.09);color:var(--c-gold-bright);font-size:19px}.contact-link span{display:grid;min-width:0}.contact-link b{font-size:14px}.contact-link small{color:#8e857a;overflow:hidden;text-overflow:ellipsis}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:7px;font-weight:800;color:#d6cdc1}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;padding:14px 15px;border-radius:15px;border:1px solid rgba(229,199,141,.14);background:#0d0d0d;color:#fff;outline:none;transition:.2s}.form-grid input:focus,.form-grid textarea:focus{border-color:rgba(229,199,141,.45);box-shadow:0 0 0 3px rgba(229,199,141,.07)}.form-grid textarea{min-height:150px;resize:vertical}.honeypot{position:absolute;left:-9999px}.risk-note{width:min(1180px,92vw);margin:0 auto 70px;border:1px solid rgba(229,199,141,.13);background:rgba(229,199,141,.05);border-radius:22px;padding:17px 20px;color:#aaa092;line-height:1.8}.risk-note i{color:var(--c-gold-bright);margin-inline-end:7px}.final-cta{width:min(1180px,92vw);margin:0 auto clamp(64px,8vw,110px);border-radius:38px;padding:clamp(30px,5vw,65px);display:flex;justify-content:space-between;gap:30px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(229,199,141,.16),transparent 32%),linear-gradient(135deg,#26221c,#111);border:1px solid rgba(229,199,141,.22);box-shadow:0 34px 100px rgba(0,0,0,.34)}.final-cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(229,199,141,.16);left:-120px;bottom:-170px}.final-cta h2{font-size:clamp(30px,4.4vw,58px);margin:0 0 10px}.final-cta p{color:#aea395;margin:0;line-height:1.8}.page-hero{position:relative;overflow:hidden;padding:clamp(65px,8vw,115px) clamp(18px,6vw,88px);text-align:center;background:radial-gradient(circle at 50% 10%,rgba(229,199,141,.13),transparent 28%),linear-gradient(135deg,#171614,#0c0c0c);border-bottom:1px solid rgba(229,199,141,.12)}.page-hero:after{content:"MASTER EL GOLD";position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);font-size:clamp(56px,11vw,150px);font-weight:900;white-space:nowrap;letter-spacing:-.06em;color:rgba(229,199,141,.025);pointer-events:none}.page-hero p{max-width:760px;margin:0 auto;color:#aaa093;font-size:18px;line-height:1.85}.prose-card{width:min(980px,92vw);margin:60px auto;border-radius:30px;padding:clamp(24px,4vw,48px);background:#171614;border:1px solid rgba(229,199,141,.14);line-height:2;color:#c0b6aa}.prose-card h2,.prose-card h3{color:#f4eadb}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-detail{padding:30px;border-radius:30px;background:#151412;border:1px solid rgba(229,199,141,.14)}.service-detail h2{font-size:31px;margin:12px 0}.service-detail p{color:#aaa093;line-height:1.85}.service-detail .terms{margin-top:20px;padding:15px;border-radius:17px;background:rgba(229,199,141,.05);color:#bcb1a3;line-height:1.75}.site-footer{background:#090909;border-top:1px solid rgba(229,199,141,.13);padding:58px clamp(18px,6vw,88px) 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .8fr .85fr;gap:30px}.footer-brand{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}.footer-brand img{width:70px;height:70px;border-radius:18px;object-fit:cover;border:1px solid rgba(229,199,141,.25)}.footer-brand strong{display:block;font-size:21px}.footer-brand small{color:var(--c-gold);letter-spacing:.16em;font-size:10px}.footer-brand p{grid-column:1/-1;max-width:460px;color:#8f877e;line-height:1.8}.site-footer h3{font-size:15px;color:var(--c-gold-bright);margin:0 0 16px}.site-footer>div:not(.footer-bottom) a{display:block;margin:9px 0;color:#aaa196}.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.footer-socials a{width:42px;height:42px!important;margin:0!important;border-radius:13px;display:grid!important;place-items:center;border:1px solid rgba(229,199,141,.13);background:#141413;color:#ddd!important;font-size:18px}.footer-socials a:hover{color:#17130e!important;background:var(--c-gold-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);color:#6e6861;font-size:13px}.floating-action{position:fixed;z-index:900;bottom:20px;left:20px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.floating-action.whatsapp{background:#25D366;color:#07170c}.empty-state{padding:30px;text-align:center;border:1px dashed rgba(229,199,141,.2);border-radius:24px;color:#9e9589}.meta-inline{display:flex;gap:8px;flex-wrap:wrap}.meta-inline span{font-size:11px;padding:6px 9px;border-radius:999px;background:#0e0e0e;border:1px solid rgba(255,255,255,.05);color:#8f877c}
@media(max-width:1080px){.main-nav a{padding:9px 10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:20px}.hero-visual{min-height:480px}.service-grid{grid-template-columns:repeat(2,1fr)}.join-shell,.editorial,.contact-grid{grid-template-columns:1fr}.join-visual{min-height:460px}.footer-grid{grid-template-columns:1fr 1fr}.service-detail-grid{grid-template-columns:1fr}}
@media(max-width:1080px){.hero h1{font-size:28px!important;line-height:1.4;max-width:660px}}
@media(max-width:820px){.nav-toggle{display:grid;place-items:center}.main-nav{position:absolute;top:calc(100% + 8px);left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:22px;background:rgba(14,14,14,.98);border:1px solid rgba(229,199,141,.18);box-shadow:0 24px 70px rgba(0,0,0,.46)}.main-nav.open{display:flex}.main-nav a{text-align:center}.main-nav .nav-cta{margin-inline-start:0}.brand{min-width:0}.brand small{display:none}.stats{grid-template-columns:1fr;margin-top:-12px}.stats>div{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.stats>div:last-child{border-bottom:0}.requirement-columns{grid-template-columns:1fr}.process-grid,.signal-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 6}.final-cta{flex-direction:column;align-items:flex-start}.contact-links{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{min-height:70px;padding-inline:13px}.brand-mark{width:48px;height:48px;border-radius:15px}.brand b{font-size:14px}.hero{padding:36px 17px 58px}.hero h1{font-size:21px!important;line-height:1.42;max-width:100%;letter-spacing:-.008em}.hero p{font-size:16px}.hero-actions .btn{width:100%}.hero-visual{min-height:390px}.hero-card{width:92%;border-radius:30px}.market-chip{right:5px;bottom:7%}.section{padding:58px 17px}.section-title h2,.page-hero h1{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.join-visual{min-height:380px}.editorial-media,.editorial-media img{min-height:390px}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.floating-action{left:14px;bottom:14px}.service-detail{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.hero-card,.service-card,.contact-link,.btn,.gallery-item img{transition:none}}
.auth-shell{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 12% 16%,rgba(209,181,133,.10),transparent 25%),#10100f}.auth-visual{position:relative;min-height:680px;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(30px,6vw,78px)}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0d0d 0%,rgba(13,13,13,.20) 60%,rgba(13,13,13,.05));z-index:1}.auth-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}.auth-visual>div{position:relative;z-index:2;max-width:640px}.auth-visual h1{font-size:clamp(42px,5vw,78px);line-height:1.02;margin:18px 0}.auth-visual p{color:#c6bbad;font-size:18px;line-height:1.9}.auth-card{align-self:center;width:min(580px,88%);margin:auto;background:linear-gradient(145deg,#1b1917,#111);border:1px solid rgba(229,199,141,.20);border-radius:32px;padding:clamp(26px,5vw,50px);box-shadow:0 34px 100px rgba(0,0,0,.45)}.auth-card h2{font-size:34px;margin:16px 0 8px}.auth-muted{color:#a9a095;line-height:1.8}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:8px;font-weight:800;color:#d7cec2}.auth-form input{width:100%;border:1px solid rgba(229,199,141,.20);background:#0d0d0d;color:#fff;border-radius:15px;padding:14px 15px;outline:none}.auth-form input:focus{border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(209,181,133,.09)}.auth-form .btn{width:100%;margin-top:4px}.otp-input{text-align:center;direction:ltr;font-size:30px!important;letter-spacing:.35em;font-weight:900}.auth-switch{margin-top:22px;color:#9f9588}.auth-switch a,.text-button{color:var(--c-gold-bright);font-weight:900}.auth-inline{margin-top:13px}.text-button{border:0;background:transparent;cursor:pointer;padding:0}.account-card{width:min(860px,100%);margin:auto;display:grid;gap:14px;padding:30px;border-radius:30px;border:1px solid rgba(229,199,141,.18);background:linear-gradient(145deg,#1b1917,#111)}.account-card>div:not(.account-avatar){display:grid;grid-template-columns:150px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.account-card span{color:#9f9588}.account-card b{color:#f5eee4}.account-card small{grid-column:2;color:#8fdbb2}.account-avatar{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#18130d;font-size:38px;margin-bottom:10px}.nav-account{border:1px solid rgba(229,199,141,.18)!important}.nav-account i{color:var(--c-gold-bright)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:440px}.auth-card{margin:34px auto 58px}.account-card>div:not(.account-avatar){grid-template-columns:1fr}}
@media(max-width:620px){.auth-visual{min-height:360px;padding:28px 18px}.auth-visual h1{font-size:40px}.auth-card{width:calc(100% - 28px);padding:24px 18px;border-radius:24px}.auth-card h2{font-size:28px}.otp-input{font-size:26px!important}.account-card{padding:20px;border-radius:22px}}
/* =========================================================
R2.5 — Sitewide Arabic Typography System
Compact, premium scale for desktop/tablet/mobile.
========================================================= */
:root{
--type-hero-title:clamp(24px,2vw,30px);
--type-section-title:clamp(26px,2.35vw,34px);
--type-page-title:clamp(28px,2.65vw,38px);
--type-feature-title:clamp(26px,2.35vw,34px);
--type-card-title:clamp(20px,1.5vw,23px);
--type-small-title:clamp(18px,1.25vw,21px);
--type-body-lg:clamp(16px,1.2vw,18px);
--type-body:clamp(15px,1vw,16px);
}
/* Stable Arabic rhythm across the whole public/member experience. */
h1,h2,h3,h4,h5,h6{
font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
line-height:1.34;
letter-spacing:-.012em;
text-wrap:balance;
}
p,li,label,input,select,textarea,button,a{line-height:1.65}
/* Home hero: prominent, but no longer oversized. */
.hero h1{
font-size:var(--type-hero-title)!important;
line-height:1.42!important;
margin:14px 0 14px;
max-width:650px;
letter-spacing:-.008em;
}
.hero p{
font-size:var(--type-body-lg);
line-height:1.85;
max-width:720px;
}
/* Main section headings used throughout the home page. */
.section-title{max-width:820px;margin-bottom:30px}
.section-title h2{
font-size:var(--type-section-title)!important;
line-height:1.38!important;
letter-spacing:-.012em!important;
margin:12px 0 10px;
}
.section-title p{
font-size:var(--type-body);
line-height:1.85;
}
/* Internal page titles. */
.page-hero h1{
font-size:var(--type-page-title)!important;
line-height:1.38!important;
letter-spacing:-.012em!important;
margin:12px 0 10px;
}
.page-hero p{
font-size:var(--type-body);
line-height:1.85;
}
/* Cards and secondary headings. */
.service-card h3{
font-size:var(--type-card-title)!important;
line-height:1.45;
margin:18px 0 8px;
}
.service-card>p,.service-features li{font-size:15px}
.req-group h3{
font-size:var(--type-small-title)!important;
line-height:1.45;
margin-bottom:14px;
}
.req-item b{font-size:15.5px}
.req-item p{font-size:14.5px;line-height:1.75}
.process-card h3{
font-size:var(--type-small-title)!important;
line-height:1.45;
margin:17px 0 7px;
}
.process-card p{font-size:15px;line-height:1.8}
/* Editorial / About / Contact. */
.editorial-copy h2{
font-size:var(--type-feature-title)!important;
line-height:1.4!important;
letter-spacing:-.012em!important;
margin:12px 0 10px;
}
.editorial-copy p{font-size:var(--type-body);line-height:1.9}
.contact-panel h2,.contact-form h2{
font-size:clamp(25px,2.1vw,31px)!important;
line-height:1.4!important;
letter-spacing:-.012em!important;
margin:8px 0 10px;
}
.contact-panel p,.contact-form p{font-size:var(--type-body);line-height:1.85}
/* CTA headings such as "جاهز لمعرفة الخدمة المناسبة؟" and "بعد مراجعة الشروط". */
.final-cta h2{
font-size:clamp(25px,2.2vw,32px)!important;
line-height:1.42!important;
letter-spacing:-.012em!important;
margin:0 0 8px;
}
.final-cta p{font-size:var(--type-body);line-height:1.8}
/* Services/details/legal pages. */
.service-detail h2{
font-size:clamp(22px,1.8vw,26px)!important;
line-height:1.45;
margin:10px 0;
}
.service-detail p,.service-detail .terms{font-size:15px}
.prose-card{font-size:15.5px;line-height:1.95}
.prose-card h2{font-size:clamp(23px,2vw,28px);line-height:1.45}
.prose-card h3{font-size:clamp(19px,1.5vw,22px);line-height:1.5}
/* Member authentication pages were also using display-scale headings. */
.auth-visual h1{
font-size:clamp(28px,2.8vw,38px)!important;
line-height:1.4!important;
letter-spacing:-.012em!important;
margin:14px 0 10px;
}
.auth-visual p{font-size:var(--type-body);line-height:1.85}
.auth-card h2{
font-size:clamp(23px,2vw,28px)!important;
line-height:1.45!important;
margin:13px 0 7px;
}
/* Keep stats strong without looking like page headings. */
.stats strong{
font-size:clamp(24px,2.6vw,38px)!important;
line-height:1.15;
}
.stats span{font-size:14.5px}
@media(max-width:820px){
:root{
--type-hero-title:26px;
--type-section-title:28px;
--type-page-title:31px;
--type-feature-title:29px;
--type-card-title:21px;
--type-small-title:19px;
--type-body-lg:16px;
--type-body:15.5px;
}
}
@media(max-width:620px){
:root{
--type-hero-title:21px;
--type-section-title:23px;
--type-page-title:25px;
--type-feature-title:24px;
--type-card-title:20px;
--type-small-title:18px;
--type-body-lg:15.5px;
--type-body:15px;
}
.hero h1{line-height:1.48!important;margin:12px 0 12px}
.hero p{font-size:15.5px;line-height:1.82}
.section-title{margin-bottom:25px}
.section-title h2,.page-hero h1{line-height:1.45!important}
.contact-panel h2,.contact-form h2{font-size:23px!important}
.final-cta h2{font-size:23px!important;line-height:1.48!important}
.service-detail h2{font-size:21px!important}
.auth-visual h1{font-size:24px!important;line-height:1.5!important}
.auth-card h2{font-size:22px!important}
.stats strong{font-size:28px!important}
}
/* =========================================================
R2.6 — Contact page horizontal overflow / alignment repair
Fixes the contact page drifting far left in RTL layouts.
========================================================= */
html,body{max-width:100%;overflow-x:hidden}
/* Keep the contact content inside the same centered content rail as the rest of the site. */
.contact-grid{
width:min(1180px,100%);
max-width:100%;
margin-inline:auto;
align-items:start;
min-width:0;
}
.contact-grid>*{min-width:0;max-width:100%}
.contact-panel,.contact-form{width:100%;min-width:0;max-width:100%}
.form-grid,.form-grid label,.form-grid input,.form-grid textarea{min-width:0;max-width:100%}
.contact-link{min-width:0;max-width:100%}
.contact-link span{min-width:0;max-width:100%}
.contact-link small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*
Do not move the anti-spam field thousands of pixels off-canvas.
That old technique created a huge horizontal scroll area, especially in RTL.
*/
.honeypot{
position:fixed!important;
width:1px!important;
height:1px!important;
margin:-1px!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
clip:rect(0 0 0 0)!important;
clip-path:inset(50%)!important;
white-space:nowrap!important;
opacity:0!important;
pointer-events:none!important;
inset:auto!important;
}
.honeypot input{width:1px!important;height:1px!important;padding:0!important;border:0!important}
@supports (overflow:clip){
html,body{overflow-x:clip}
}
@media(max-width:1080px){
.contact-grid{width:min(760px,100%)}
}
@media(max-width:620px){
.contact-grid{width:100%;gap:16px}
.contact-panel,.contact-form{padding:22px 17px;border-radius:24px}
.contact-panel .contact-logo{width:88px;height:88px;border-radius:22px}
.contact-links{margin-top:18px}
}
/* =========================================================
R3.0 — Full-width managed slider + service navigation
========================================================= */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{border:0;background:transparent;color:#d7d0c6;padding:10px 13px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.22s}
.nav-dropdown-toggle i{font-size:11px;transition:transform .22s}
.nav-dropdown:hover>.nav-dropdown-toggle,.nav-dropdown.open>.nav-dropdown-toggle,.nav-dropdown.active>.nav-dropdown-toggle{color:#15120e;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));box-shadow:0 10px 28px rgba(209,181,133,.16)}
.nav-dropdown:hover>.nav-dropdown-toggle i,.nav-dropdown.open>.nav-dropdown-toggle i{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% + 12px);right:0;z-index:1200;min-width:270px;max-width:340px;max-height:min(62vh,520px);overflow:auto;padding:9px;border-radius:20px;background:rgba(15,15,15,.985);border:1px solid rgba(229,199,141,.20);box-shadow:0 28px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:.2s}
.nav-dropdown:hover .nav-submenu,.nav-dropdown.open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.main-nav .nav-submenu a{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:13px;color:#ded6cb;background:transparent;text-align:right;font-size:13px;line-height:1.5}
.main-nav .nav-submenu a:hover{background:rgba(229,199,141,.10);color:var(--c-gold-bright);box-shadow:none}
.main-nav .nav-submenu a span{width:24px;text-align:center;font-size:17px}
.main-nav .nav-submenu .nav-submenu-all{border-bottom:1px solid rgba(255,255,255,.06);border-radius:12px 12px 7px 7px;margin-bottom:5px;color:var(--c-gold-bright)}
.home-slider{position:relative;width:100%;height:clamp(430px,45vw,640px);overflow:hidden;background:#0c0c0c;border-bottom:1px solid rgba(229,199,141,.16);isolation:isolate}
.home-slider-track,.home-slide{position:absolute;inset:0;width:100%;height:100%}
.home-slide{opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity .7s ease,visibility .7s ease,transform 1.2s ease;pointer-events:none}
.home-slide.active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;z-index:2}
.home-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-slide-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,8,.42),rgba(8,8,8,.18) 42%,rgba(8,8,8,.58)),linear-gradient(0deg,rgba(7,7,7,.54),transparent 48%,rgba(7,7,7,.18))}
.home-slide-content{position:absolute;inset:0;z-index:2;width:min(1180px,88vw);height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-block:34px}
.home-slide.align-right .home-slide-content{align-items:flex-start;text-align:right}
.home-slide.align-center .home-slide-content{align-items:center;text-align:center}
.home-slide.align-left .home-slide-content{align-items:flex-end;text-align:left}
.home-slide-content h1{max-width:720px;margin:0;font-size:clamp(26px,3vw,40px)!important;line-height:1.35!important;font-weight:900;color:#fff8ed;text-shadow:0 8px 30px rgba(0,0,0,.62)}
.home-slide-content p{max-width:720px;margin:0;color:#e1d8cc;font-size:clamp(15px,1.35vw,18px);line-height:1.85;text-shadow:0 4px 20px rgba(0,0,0,.72)}
.home-slide-content .btn{margin-top:8px;min-width:160px;align-self:inherit}
.slider-arrow{position:absolute;top:50%;z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid rgba(229,199,141,.34);background:rgba(12,12,12,.58);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);font-size:20px;transition:.2s}
.slider-arrow:hover{background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17120d}
.slider-prev{right:clamp(12px,2.5vw,34px)}.slider-next{left:clamp(12px,2.5vw,34px)}
.slider-dots{position:absolute;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(8,8,8,.42);backdrop-filter:blur(8px)}
.slider-dots button{width:8px;height:8px;border:0;padding:0;border-radius:999px;background:rgba(255,255,255,.36);cursor:pointer;transition:.22s}
.slider-dots button.active{width:26px;background:var(--c-gold-bright)}
.home-risk-strip{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:13px;padding:17px clamp(18px,5vw,72px);background:linear-gradient(90deg,#1b1711,#241d14,#171410);border-bottom:1px solid rgba(229,199,141,.18);color:#d8cfc2}
.home-risk-strip>i{color:var(--c-gold-bright);font-size:20px;margin-top:2px;flex:0 0 auto}
.home-risk-strip>div{width:min(1120px,100%);display:flex;align-items:flex-start;gap:11px;line-height:1.75}
.home-risk-strip b{color:var(--c-gold-bright);white-space:nowrap;font-size:14px}
.home-risk-strip span{font-size:13.5px;color:#c6bcaf}
.home-social-strip{width:100%;padding:18px clamp(16px,5vw,70px);background:#0f0f0f;border-bottom:1px solid rgba(255,255,255,.055)}
.home-social-inner{width:min(1120px,100%);margin:auto;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,30px);flex-wrap:wrap}
.home-social-link{display:grid;justify-items:center;gap:7px;min-width:66px;color:#c7bdae;transition:.22s}
.home-social-link>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(229,199,141,.23);background:linear-gradient(145deg,#1c1b19,#111);font-size:21px;color:var(--c-gold-bright);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.home-social-link small{font-size:11px;font-weight:800}
.home-social-link:hover{color:var(--c-gold-bright);transform:translateY(-2px)}
.home-social-link:hover>span{border-color:rgba(229,199,141,.55);box-shadow:0 14px 36px rgba(209,181,133,.12)}
.home-stats{margin:28px auto 0}
.service-detail{scroll-margin-top:110px}
@media(max-width:820px){
.nav-dropdown{display:block;width:100%}
.nav-dropdown-toggle{width:100%;justify-content:center;padding:10px 13px}
.nav-submenu{position:static;min-width:0;max-width:none;max-height:0;overflow:hidden;padding:0 8px;border:0;border-radius:14px;background:rgba(255,255,255,.025);box-shadow:none;opacity:1;visibility:visible;pointer-events:none;transform:none;transition:max-height .25s ease,padding .25s ease,margin .25s ease}
.nav-dropdown:hover .nav-submenu{max-height:0;padding:0 8px;margin:0;pointer-events:none}
.nav-dropdown.open .nav-submenu{max-height:460px;padding:8px;margin-top:5px;pointer-events:auto}
.main-nav .nav-submenu a{text-align:center;justify-content:center}
.home-slider{height:clamp(360px,70vw,510px)}
.home-slide-content{width:min(90vw,720px)}
.slider-arrow{width:42px;height:42px}
.home-risk-strip>div{display:grid;gap:3px}
}
@media(max-width:620px){
.home-slider{height:330px}
.home-slide-content{width:calc(100% - 44px);padding-block:28px;justify-content:flex-end;padding-bottom:58px}
.home-slide-content h1{font-size:23px!important;line-height:1.45!important;max-width:92%}
.home-slide-content p{font-size:14px;line-height:1.72;max-width:94%}
.home-slide-content .btn{min-height:44px;padding:10px 17px;border-radius:14px;font-size:13px}
.slider-arrow{width:38px;height:38px;font-size:17px;top:48%}
.slider-prev{right:9px}.slider-next{left:9px}
.slider-dots{bottom:11px}
.home-risk-strip{padding:14px 15px;gap:10px}
.home-risk-strip>i{font-size:17px}
.home-risk-strip b{font-size:13px}.home-risk-strip span{font-size:12.5px;line-height:1.7}
.home-social-strip{padding:15px 10px}
.home-social-inner{gap:12px}
.home-social-link{min-width:54px;gap:5px}
.home-social-link>span{width:42px;height:42px;border-radius:14px;font-size:19px}
.home-social-link small{font-size:10px}
.home-stats{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.home-slide{transition:none}.slider-dots button{transition:none}}
/* R3.0 final slider sizing: compact typography, banner-like height. */
.home-slider{height:clamp(380px,38vw,560px)}
.home-slide-content h1{font-size:clamp(22px,2vw,32px)!important;line-height:1.42!important}
.home-slide.align-right .home-slide-content .btn{align-self:flex-start}
.home-slide.align-center .home-slide-content .btn{align-self:center}
.home-slide.align-left .home-slide-content .btn{align-self:flex-end}
@media(max-width:820px){.home-slider{height:clamp(340px,62vw,450px)}}
@media(max-width:620px){.home-slider{height:300px}.home-slide-content h1{font-size:20px!important;line-height:1.48!important}}
/* =========================================================
R3.1 — Slider runtime + mobile overlay collision repair
========================================================= */
.home-slide-content{box-sizing:border-box;overflow:hidden}
.home-slide-content h1,.home-slide-content p{overflow-wrap:anywhere}
.home-slide-content .btn{flex:0 0 auto}
@media(max-width:620px){
.home-slider{height:clamp(350px,96vw,410px)}
.home-slide-content{
width:calc(100% - 64px);
min-height:100%;
justify-content:flex-end;
gap:7px;
padding:34px 0 62px;
}
.home-slide-content h1{
max-width:100%;
font-size:18px!important;
line-height:1.42!important;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
.home-slide-content p{
max-width:100%;
font-size:12.5px;
line-height:1.65;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
.home-slide-content .btn{
width:max-content;
max-width:100%;
min-width:0;
min-height:38px;
margin-top:3px;
padding:8px 13px;
border-radius:12px;
font-size:12px;
line-height:1.35;
white-space:nowrap;
}
.slider-arrow{top:45%;width:34px;height:34px;font-size:15px}
.slider-prev{right:8px}.slider-next{left:8px}
.slider-dots{bottom:10px;max-width:70%;overflow:hidden}
}
@media(max-width:390px){
.home-slider{height:370px}
.home-slide-content{width:calc(100% - 54px);padding-bottom:58px}
.home-slide-content h1{font-size:17px!important;-webkit-line-clamp:3}
.home-slide-content p{font-size:12px;-webkit-line-clamp:3}
.home-slide-content .btn{font-size:11.5px;padding:8px 12px}
}
/* =========================================================
R4.2 — First slide fixed + remaining slides rotating below
========================================================= */
.home-featured{
position:relative;
width:100%;
height:clamp(420px,42vw,620px);
overflow:hidden;
background:#0c0c0c;
border-bottom:1px solid rgba(229,199,141,.16);
isolation:isolate;
}
.home-featured .home-slide{
position:absolute;
inset:0;
width:100%;
height:100%;
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
}
.home-featured .home-slide-content{
width:min(1180px,88vw);
}
/* Secondary moving area: shorter than the featured fixed slide. */
.home-slider-secondary{
height:clamp(230px,25vw,340px);
border-bottom:1px solid rgba(229,199,141,.16);
}
.home-slider-secondary .home-slide-content{
width:min(1180px,88vw);
gap:8px;
padding-block:24px 48px;
}
.home-slider-secondary .home-slide-content h1{
max-width:680px;
font-size:clamp(20px,1.8vw,28px)!important;
line-height:1.42!important;
}
.home-slider-secondary .home-slide-content p{
max-width:680px;
font-size:clamp(13px,1.15vw,16px);
line-height:1.75;
}
.home-slider-secondary .home-slide-content .btn{
min-height:40px;
min-width:0;
padding:9px 15px;
font-size:12.5px;
margin-top:3px;
}
.home-slider-secondary .slider-arrow{
width:40px;
height:40px;
font-size:17px;
}
.home-slider-secondary .slider-dots{
bottom:10px;
}
@media(max-width:820px){
.home-featured{height:clamp(350px,72vw,470px)}
.home-slider-secondary{height:clamp(250px,55vw,330px)}
.home-slider-secondary .home-slide-content{width:calc(100% - 64px);padding-bottom:52px}
}
@media(max-width:620px){
.home-featured{height:clamp(330px,96vw,410px)}
.home-featured .home-slide-content{
width:calc(100% - 54px);
justify-content:flex-end;
gap:7px;
padding:30px 0 34px;
}
.home-featured .home-slide-content h1{font-size:20px!important;line-height:1.45!important;max-width:100%}
.home-featured .home-slide-content p{font-size:12.8px;line-height:1.7;max-width:100%}
.home-featured .home-slide-content .btn{font-size:12px;min-height:38px;padding:8px 13px;margin-top:3px}
.home-slider-secondary{height:clamp(245px,72vw,310px)}
.home-slider-secondary .home-slide-content{
width:calc(100% - 58px);
justify-content:flex-end;
gap:6px;
padding:24px 0 52px;
}
.home-slider-secondary .home-slide-content h1{font-size:16.5px!important;line-height:1.45!important;-webkit-line-clamp:2}
.home-slider-secondary .home-slide-content p{font-size:11.7px;line-height:1.6;-webkit-line-clamp:2}
.home-slider-secondary .home-slide-content .btn{font-size:11px;min-height:34px;padding:7px 11px;border-radius:11px}
.home-slider-secondary .slider-arrow{top:46%;width:32px;height:32px;font-size:14px}
.home-slider-secondary .slider-prev{right:7px}.home-slider-secondary .slider-next{left:7px}
.home-slider-secondary .slider-dots{bottom:8px}
}
/* =========================================================
R4.3 — MULTI-MARKET POLISH / INTERACTION LAYER
Keeps the existing palette and typography scale unchanged.
========================================================= */
.topbar{
transition:background .32s ease,box-shadow .32s ease,border-color .32s ease,backdrop-filter .32s ease;
}
.topbar.scrolled{
box-shadow:0 16px 42px rgba(0,0,0,.28);
border-bottom-color:rgba(229,199,141,.16);
backdrop-filter:blur(18px) saturate(118%);
}
.main-nav>a,.nav-dropdown-toggle,.nav-cta{
position:relative;
overflow:hidden;
}
.main-nav>a:not(.nav-cta)::after,.nav-dropdown-toggle::after{
content:"";
position:absolute;
right:50%;
bottom:5px;
width:0;
height:1px;
transform:translateX(50%);
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.8;
transition:width .28s ease;
pointer-events:none;
}
.main-nav>a:not(.nav-cta):hover::after,.main-nav>a.active:not(.nav-cta)::after,.nav-dropdown:hover>.nav-dropdown-toggle::after,.nav-dropdown.active>.nav-dropdown-toggle::after{
width:62%;
}
.btn,.text-link,.contact-link,.footer-socials a,.home-social-link{
transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease,color .24s ease,background .24s ease;
}
.btn i,.text-link i{
transition:transform .24s ease;
}
.btn:hover i,.text-link:hover i{
transform:translateX(-3px);
}
.home-featured{
isolation:isolate;
overflow:hidden;
}
.home-featured .home-slide img{
transform:scale(1.012) translate3d(calc(var(--hero-x,0) * -2px),calc(var(--hero-y,0) * -2px),0);
transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .45s ease;
will-change:transform;
}
.home-featured:hover .home-slide img{
transform:scale(1.022) translate3d(calc(var(--hero-x,0) * -4px),calc(var(--hero-y,0) * -4px),0);
}
.home-featured .home-slide-content{
transition:transform .45s ease,text-shadow .45s ease;
}
.home-featured:hover .home-slide-content{
transform:translateY(-2px);
}
.home-slider-secondary .home-slide img{
transition:opacity .65s ease,transform 6.5s cubic-bezier(.2,.65,.2,1);
}
.home-slider-secondary .home-slide.active img{
transform:scale(1.025);
}
.home-slider-secondary:focus-visible{
outline:1px solid rgba(229,199,141,.55);
outline-offset:-1px;
}
.slider-arrow:hover{
box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 0 1px rgba(229,199,141,.12) inset;
}
.slider-dots button:hover{
filter:brightness(1.22);
}
.home-risk-strip{
transition:box-shadow .3s ease,border-color .3s ease;
}
.home-risk-strip:hover{
border-bottom-color:rgba(229,199,141,.30);
box-shadow:0 14px 36px rgba(0,0,0,.16) inset;
}
.home-risk-strip>i{
transition:transform .28s ease,filter .28s ease;
}
.home-risk-strip:hover>i{
transform:translateY(-1px) scale(1.05);
filter:drop-shadow(0 0 10px rgba(229,199,141,.24));
}
.home-social-link>span{
position:relative;
overflow:hidden;
}
.home-social-link>span::after{
content:"";
position:absolute;
inset:-45%;
background:linear-gradient(115deg,transparent 35%,rgba(229,199,141,.16) 50%,transparent 65%);
transform:translateX(-65%) rotate(10deg);
transition:transform .55s ease;
pointer-events:none;
}
.home-social-link:hover>span::after{
transform:translateX(65%) rotate(10deg);
}
.page-hero{
position:relative;
isolation:isolate;
overflow:hidden;
}
.page-hero::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:radial-gradient(circle at 78% 38%,rgba(229,199,141,.075),transparent 34%),radial-gradient(circle at 18% 76%,rgba(130,105,71,.07),transparent 28%);
opacity:.75;
transform:translate3d(0,0,0);
animation:megAmbient 9s ease-in-out infinite alternate;
pointer-events:none;
}
.service-detail,.contact-panel,.contact-form,.req-item,.join-shell{
transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-color .28s ease;
}
.service-detail:hover,.contact-panel:hover,.contact-form:hover,.join-shell:hover{
transform:translateY(-3px);
box-shadow:0 22px 52px rgba(0,0,0,.23);
border-color:rgba(229,199,141,.26);
}
.req-item:hover{
transform:translateY(-2px);
border-color:rgba(229,199,141,.24);
}
.fx-surface{
position:relative;
isolation:isolate;
overflow:hidden;
}
.fx-surface::before{
content:"";
position:absolute;
inset:0;
z-index:0;
opacity:0;
pointer-events:none;
background:radial-gradient(280px circle at var(--fx-x,50%) var(--fx-y,50%),rgba(229,199,141,.095),transparent 58%);
transition:opacity .25s ease;
}
.fx-surface:hover::before{opacity:1}
.fx-surface>*{position:relative;z-index:1}
.contact-link:hover{
transform:translateX(-3px);
border-color:rgba(229,199,141,.30);
box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.contact-link i{
transition:transform .25s ease,filter .25s ease;
}
.contact-link:hover i{
transform:scale(1.06);
filter:drop-shadow(0 0 9px rgba(229,199,141,.18));
}
.service-features li i,.req-item>i{
transition:transform .25s ease,filter .25s ease;
}
.service-detail:hover .service-features li i,.req-item:hover>i{
transform:scale(1.06);
filter:drop-shadow(0 0 8px rgba(229,199,141,.15));
}
.site-footer .footer-brand img,.footer-socials a{
transition:transform .28s ease,filter .28s ease,border-color .28s ease;
}
.site-footer .footer-brand:hover img{
transform:translateY(-2px) rotate(-1deg);
filter:drop-shadow(0 10px 22px rgba(209,181,133,.14));
}
.footer-socials a:hover{
transform:translateY(-3px);
}
body.fx-ready .fx-reveal{
opacity:0;
transform:translateY(14px);
transition:opacity .62s ease var(--fx-delay,0ms),transform .62s cubic-bezier(.22,.61,.36,1) var(--fx-delay,0ms);
}
body.fx-ready .fx-reveal.is-visible{
opacity:1;
transform:none;
}
@keyframes megAmbient{
from{transform:translate3d(-.4%,0,0) scale(1)}
to{transform:translate3d(.4%,-.5%,0) scale(1.015)}
}
@media(max-width:820px){
.main-nav>a:not(.nav-cta)::after,.nav-dropdown-toggle::after{bottom:3px}
.service-detail:hover,.contact-panel:hover,.contact-form:hover,.join-shell:hover,.req-item:hover{transform:none}
.home-featured .home-slide img,.home-featured:hover .home-slide img{transform:scale(1.012)}
}
@media(prefers-reduced-motion:reduce){
.page-hero::after{animation:none}
body.fx-ready .fx-reveal{opacity:1;transform:none;transition:none}
.home-featured .home-slide img,.home-featured:hover .home-slide img,.home-slider-secondary .home-slide img,.home-slider-secondary .home-slide.active img{transform:none!important;transition:none!important}
.service-detail,.contact-panel,.contact-form,.req-item,.join-shell,.btn,.text-link,.contact-link,.footer-socials a,.home-social-link{transition:none!important}
}
/* =========================================================
R4.4 — Compact fixed feature / social-first / policy footer
Palette and global typography scale remain unchanged.
========================================================= */
.home-featured{
width:min(1260px,calc(100% - 34px));
height:clamp(250px,26vw,350px);
margin:18px auto 12px;
border:1px solid rgba(229,199,141,.18);
border-radius:26px;
box-shadow:0 20px 58px rgba(0,0,0,.28);
}
.home-featured::after{
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),inset 0 -55px 80px rgba(0,0,0,.11);
}
.home-featured .home-slide,
.home-featured .home-slide>img,
.home-featured .home-slide-shade{
border-radius:inherit;
}
.home-featured .home-slide-content{
inset:auto;
top:50%;
right:clamp(22px,4vw,58px);
transform:translateY(-50%);
width:min(560px,48vw);
height:auto;
min-height:0;
margin:0;
padding:18px 20px;
gap:8px;
border:1px solid rgba(229,199,141,.16);
border-radius:20px;
background:linear-gradient(135deg,rgba(13,13,13,.72),rgba(20,18,15,.46));
backdrop-filter:blur(10px) saturate(112%);
box-shadow:0 16px 44px rgba(0,0,0,.24);
}
.home-featured:hover .home-slide-content{
transform:translateY(calc(-50% - 2px));
}
.home-featured .home-slide-content h1,
.home-featured .home-slide-content p{
max-width:100%;
}
.home-featured .home-slide-content .btn{
margin-top:2px;
}
/* Social channels now intentionally sit before the risk notice. */
.home-social-strip{
border-top:1px solid rgba(229,199,141,.08);
}
/* Footer intentionally contains policies only. */
.site-footer.site-footer-policy-only{
padding:28px clamp(18px,6vw,88px);
}
.footer-policy-only{
width:min(760px,100%);
margin-inline:auto;
text-align:center;
}
.footer-policy-only h3{
margin:0 0 14px;
}
.footer-policy-links{
display:flex;
align-items:center;
justify-content:center;
gap:10px 18px;
flex-wrap:wrap;
}
.site-footer .footer-policy-links a{
display:inline-flex!important;
align-items:center;
gap:7px;
margin:0!important;
padding:9px 12px;
border-radius:12px;
border:1px solid rgba(229,199,141,.11);
background:rgba(255,255,255,.018);
color:#aaa196;
}
.site-footer .footer-policy-links a:hover{
color:var(--c-gold-bright);
border-color:rgba(229,199,141,.26);
transform:translateY(-1px);
}
@media(max-width:820px){
.home-featured{
width:calc(100% - 24px);
height:clamp(230px,48vw,300px);
margin:12px auto 10px;
border-radius:22px;
}
.home-featured .home-slide-content{
right:18px;
width:min(520px,62vw);
padding:15px 17px;
border-radius:17px;
}
}
@media(max-width:620px){
.home-featured{
width:calc(100% - 18px);
height:clamp(220px,66vw,270px);
margin:9px auto 8px;
border-radius:18px;
}
.home-featured .home-slide-content{
top:auto;
right:12px;
bottom:12px;
transform:none;
width:calc(100% - 24px);
padding:12px 14px;
gap:5px;
border-radius:15px;
}
.home-featured:hover .home-slide-content{transform:none}
.home-featured .home-slide-content h1{
font-size:18px!important;
line-height:1.4!important;
-webkit-line-clamp:2;
}
.home-featured .home-slide-content p{
font-size:11.8px;
line-height:1.58;
-webkit-line-clamp:2;
}
.home-featured .home-slide-content .btn{
min-height:34px;
padding:7px 11px;
font-size:11px;
}
.site-footer.site-footer-policy-only{padding:24px 14px}
.footer-policy-links{display:grid;grid-template-columns:1fr;gap:8px}
.site-footer .footer-policy-links a{justify-content:center;width:100%}
}
/* =========================================================
R4.5 — Full-width, low-profile featured slide
Keep the moving slider unchanged; only the fixed first slide
becomes a shallow cinematic banner across the full viewport.
========================================================= */
.home-featured{
width:100%;
height:clamp(190px,17vw,240px);
margin:0 0 10px;
border-inline:0;
border-radius:0;
border-top:1px solid rgba(229,199,141,.12);
border-bottom:1px solid rgba(229,199,141,.20);
box-shadow:0 16px 44px rgba(0,0,0,.24);
background:#0b0b0b;
}
.home-featured::before{
content:"";
position:absolute;
z-index:4;
top:0;
right:clamp(18px,5vw,76px);
width:clamp(90px,11vw,180px);
height:2px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
box-shadow:0 0 18px rgba(229,199,141,.28);
pointer-events:none;
}
.home-featured::after{
border-radius:0;
background:linear-gradient(90deg,rgba(4,4,4,.04),transparent 36%,rgba(4,4,4,.08));
box-shadow:inset 0 -42px 70px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.014);
}
.home-featured .home-slide,
.home-featured .home-slide>img,
.home-featured .home-slide-shade{
border-radius:0;
}
.home-featured .home-slide>img{
object-position:center;
transform:scale(1.006);
}
.home-featured:hover .home-slide>img{
transform:scale(1.015);
}
.home-featured .home-slide-shade{
background:
linear-gradient(90deg,rgba(5,5,5,.22),rgba(5,5,5,.08) 42%,rgba(5,5,5,.48)),
linear-gradient(0deg,rgba(5,5,5,.30),transparent 58%,rgba(5,5,5,.08));
}
.home-featured .home-slide-content{
top:50%;
right:clamp(20px,5.5vw,88px);
bottom:auto;
transform:translateY(-50%);
width:min(540px,46vw);
padding:14px 17px 14px 19px;
gap:6px;
border:1px solid rgba(229,199,141,.16);
border-right:3px solid rgba(229,199,141,.56);
border-radius:16px;
background:linear-gradient(135deg,rgba(10,10,10,.70),rgba(18,16,13,.44));
backdrop-filter:blur(10px) saturate(112%);
box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.home-featured:hover .home-slide-content{
transform:translateY(calc(-50% - 1px));
border-color:rgba(229,199,141,.24);
border-right-color:rgba(229,199,141,.72);
box-shadow:0 15px 38px rgba(0,0,0,.26);
}
.home-featured .home-slide-content h1{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.home-featured .home-slide-content p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.home-featured .home-slide-content .btn{
margin-top:1px;
}
@media(max-width:820px){
.home-featured{
width:100%;
height:clamp(195px,37vw,235px);
margin:0 0 9px;
border-radius:0;
}
.home-featured .home-slide-content{
right:clamp(14px,4vw,28px);
width:min(520px,66vw);
padding:13px 15px;
border-radius:15px;
}
}
@media(max-width:620px){
.home-featured{
width:100%;
height:clamp(190px,53vw,220px);
margin:0 0 8px;
border-radius:0;
}
.home-featured::before{
right:16px;
width:88px;
}
.home-featured .home-slide-content{
top:auto;
right:12px;
bottom:10px;
transform:none;
width:calc(100% - 24px);
padding:10px 12px;
gap:4px;
border-radius:13px;
border-right-width:2px;
}
.home-featured:hover .home-slide-content{transform:none}
.home-featured .home-slide-content h1{
font-size:18px!important;
line-height:1.4!important;
-webkit-line-clamp:2;
}
.home-featured .home-slide-content p{
font-size:11.8px;
line-height:1.58;
-webkit-line-clamp:2;
}
.home-featured .home-slide-content .btn{
min-height:34px;
padding:7px 11px;
font-size:12px;
border-radius:11px;
}
}
/* =========================================================
R4.6 — LUXURY THEME POLISH
Visual refinement only: palette, typography scale and core
component dimensions remain unchanged.
========================================================= */
/* Small premium browser details. */
::selection{background:rgba(229,199,141,.24);color:var(--c-text)}
html{scrollbar-color:rgba(229,199,141,.34) #0d0d0d;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0d0d0d}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(229,199,141,.42),rgba(130,105,71,.42));border:3px solid #0d0d0d;border-radius:999px}
body{
background:
radial-gradient(circle at 88% 8%,rgba(229,199,141,.028),transparent 24%),
radial-gradient(circle at 10% 42%,rgba(130,105,71,.024),transparent 30%),
var(--c-bg);
}
#main-content{position:relative;isolation:isolate}
/* Header: same footprint, more depth and a fine scroll-progress accent. */
.topbar{
isolation:isolate;
box-shadow:0 14px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018);
}
.topbar::before{
content:"";
position:absolute;
z-index:3;
top:0;
right:clamp(18px,4vw,64px);
left:clamp(18px,4vw,64px);
height:1px;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.34),transparent);
opacity:.7;
pointer-events:none;
}
.topbar::after{
content:"";
position:absolute;
z-index:4;
bottom:-1px;
right:0;
width:calc(var(--scroll-progress,0) * 1%);
max-width:100%;
height:1px;
background:linear-gradient(90deg,var(--c-gold-deep),var(--c-gold-bright));
box-shadow:0 0 12px rgba(229,199,141,.34);
pointer-events:none;
transition:width .08s linear;
}
.topbar.scrolled{
background:linear-gradient(180deg,rgba(16,16,16,.975),rgba(16,16,16,.925));
box-shadow:0 18px 48px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.018);
}
.brand-mark{position:relative;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.brand-mark::after{
content:"";
position:absolute;
inset:-35% 45% -35% -55%;
background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);
transform:translateX(-120%) rotate(8deg);
transition:transform .65s ease;
pointer-events:none;
}
.brand:hover .brand-mark{transform:translateY(-1px);border-color:rgba(229,199,141,.72);box-shadow:0 12px 34px rgba(209,181,133,.17)}
.brand:hover .brand-mark::after{transform:translateX(190%) rotate(8deg)}
.brand b{text-shadow:0 1px 18px rgba(229,199,141,.035)}
/* Navigation: cleaner glass states without changing item dimensions. */
.main-nav a,.nav-dropdown-toggle{backdrop-filter:saturate(110%)}
.main-nav a:not(.active):not(.nav-cta):hover,.nav-dropdown:not(.active):hover>.nav-dropdown-toggle{
color:var(--c-gold-bright);
background:rgba(229,199,141,.055);
box-shadow:inset 0 0 0 1px rgba(229,199,141,.10);
}
.nav-submenu{
background:
radial-gradient(circle at 82% 0,rgba(229,199,141,.08),transparent 34%),
rgba(13,13,13,.985);
box-shadow:0 30px 84px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.022);
}
.nav-submenu::before{
content:"";
display:block;
position:absolute;
top:0;
right:22px;
left:22px;
height:1px;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.42),transparent);
}
/* Buttons and text links get a controlled metallic sheen. */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{
content:"";
position:absolute;
z-index:-1;
top:-60%;
bottom:-60%;
width:34%;
left:-46%;
transform:skewX(-18deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
transition:left .52s cubic-bezier(.22,.61,.36,1);
pointer-events:none;
}
.btn:hover::after{left:112%}
.btn-primary:hover{box-shadow:0 20px 48px rgba(209,181,133,.25),inset 0 1px 0 rgba(255,255,255,.20)}
.btn-ghost:hover{border-color:rgba(229,199,141,.40);background:rgba(229,199,141,.065);box-shadow:0 14px 36px rgba(0,0,0,.22)}
.text-link{position:relative}
.text-link::after{content:"";position:absolute;right:0;bottom:-3px;width:0;height:1px;background:linear-gradient(90deg,var(--c-gold-bright),transparent);transition:width .28s ease}
.text-link:hover::after{width:100%}
/* Fixed featured banner: same R4.5 height/width, cleaner editorial finish. */
.home-featured{
box-shadow:0 16px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.014);
}
.home-featured::after{
background:
linear-gradient(90deg,rgba(4,4,4,.02),transparent 32%,rgba(4,4,4,.10)),
linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%);
box-shadow:inset 0 -42px 70px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.018);
}
.home-featured .home-slide-shade{
background:
radial-gradient(circle at var(--feature-x,72%) var(--feature-y,45%),rgba(229,199,141,.055),transparent 28%),
linear-gradient(90deg,rgba(5,5,5,.20),rgba(5,5,5,.06) 42%,rgba(5,5,5,.50)),
linear-gradient(0deg,rgba(5,5,5,.30),transparent 58%,rgba(5,5,5,.08));
}
.home-featured .home-slide-content{
overflow:hidden;
box-shadow:0 14px 36px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025);
}
.home-featured .home-slide-content::before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
height:1px;
background:linear-gradient(90deg,rgba(229,199,141,.72),rgba(229,199,141,.08),transparent);
opacity:.78;
}
.home-featured .home-slide-content::after{
content:"";
position:absolute;
width:120px;
height:120px;
left:-72px;
bottom:-72px;
border-radius:50%;
border:1px solid rgba(229,199,141,.10);
box-shadow:0 0 0 18px rgba(229,199,141,.018);
pointer-events:none;
}
/* Moving slider: same dimensions, richer frame and calmer transitions. */
.home-slider-secondary{
isolation:isolate;
box-shadow:inset 0 1px 0 rgba(255,255,255,.016),inset 0 -1px 0 rgba(229,199,141,.07);
}
.home-slider-secondary::before{
content:"";
position:absolute;
z-index:6;
inset:10px clamp(10px,1.4vw,22px);
border:1px solid rgba(229,199,141,.07);
border-radius:18px;
pointer-events:none;
box-shadow:inset 0 0 28px rgba(0,0,0,.05);
}
.home-slider-secondary .home-slide-shade{
background:
radial-gradient(circle at var(--slider-x,70%) var(--slider-y,50%),rgba(229,199,141,.04),transparent 30%),
linear-gradient(90deg,rgba(8,8,8,.38),rgba(8,8,8,.12) 44%,rgba(8,8,8,.60)),
linear-gradient(0deg,rgba(7,7,7,.52),transparent 50%,rgba(7,7,7,.14));
}
.home-slider-secondary .home-slide-content{
position:absolute;
transition:opacity .42s ease,transform .52s cubic-bezier(.22,.61,.36,1);
}
.home-slider-secondary .home-slide:not(.active) .home-slide-content{opacity:0;transform:translateY(8px)}
.home-slider-secondary .home-slide.active .home-slide-content{opacity:1;transform:translateY(0)}
.slider-arrow{
box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045);
}
.slider-dots{
border:1px solid rgba(229,199,141,.08);
box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.slider-dots button.active{box-shadow:0 0 12px rgba(229,199,141,.22)}
/* Social channel rail: same icon sizes, more refined surrounding surface. */
.home-social-strip{
position:relative;
isolation:isolate;
background:
radial-gradient(circle at 50% 0,rgba(229,199,141,.045),transparent 42%),
linear-gradient(180deg,#10100f,#0e0e0e);
box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.home-social-strip::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(520px,62vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(229,199,141,.26),transparent);
}
.home-social-link>span{
box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}
.home-social-link:hover>span{
background:linear-gradient(145deg,#211e1a,#111);
box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 22px rgba(209,181,133,.06),inset 0 1px 0 rgba(255,255,255,.04);
}
.home-social-link small{transition:color .22s ease,opacity .22s ease;opacity:.86}
.home-social-link:hover small{opacity:1;color:var(--c-gold-bright)}
/* Risk notice: preserve footprint, improve hierarchy. */
.home-risk-strip{
position:relative;
background:
radial-gradient(circle at 50% 0,rgba(229,199,141,.035),transparent 46%),
linear-gradient(90deg,#191610,#211b13,#17140f);
box-shadow:inset 0 1px 0 rgba(255,255,255,.012),inset 0 14px 36px rgba(0,0,0,.08);
}
.home-risk-strip::after{
content:"";
position:absolute;
bottom:0;
left:50%;
width:min(520px,62vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(229,199,141,.20),transparent);
}
/* Internal pages share one premium visual language. */
.page-hero{
border-bottom-color:rgba(229,199,141,.12);
background:
linear-gradient(rgba(229,199,141,.024) 1px,transparent 1px),
linear-gradient(90deg,rgba(229,199,141,.024) 1px,transparent 1px),
radial-gradient(circle at 78% 20%,rgba(229,199,141,.085),transparent 26%),
radial-gradient(circle at 14% 86%,rgba(130,105,71,.065),transparent 28%),
linear-gradient(135deg,#11110f,#151412 56%,#0f0f0f);
background-size:48px 48px,48px 48px,auto,auto,auto;
box-shadow:inset 0 -42px 70px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.012);
}
.page-hero::before{
content:"";
position:absolute;
top:0;
right:clamp(18px,6vw,88px);
width:clamp(80px,10vw,160px);
height:2px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.65;
box-shadow:0 0 16px rgba(229,199,141,.18);
pointer-events:none;
}
.page-hero>.eyebrow,.page-hero>h1,.page-hero>p{position:relative;z-index:2}
.page-hero h1{text-shadow:0 10px 34px rgba(0,0,0,.24)}
.section.dark{
background:
radial-gradient(circle at 82% 8%,rgba(229,199,141,.027),transparent 28%),
linear-gradient(180deg,#0e0e0e,#141311);
}
.section.soft{
background:
radial-gradient(circle at 18% 20%,rgba(209,181,133,.07),transparent 28%),
radial-gradient(circle at 86% 76%,rgba(130,105,71,.04),transparent 24%),
#181715;
}
/* Cards/surfaces: subtle top-edge light, glass depth, no size change. */
.service-detail,.join-shell,.contact-panel,.contact-form,.account-card,.prose-card,.auth-card,.editorial{
position:relative;
isolation:isolate;
overflow:hidden;
box-shadow:0 22px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.02);
}
.service-detail::after,.join-shell::after,.contact-panel::after,.contact-form::after,.account-card::after,.prose-card::after,.auth-card::after,.editorial::after{
content:"";
position:absolute;
z-index:2;
top:0;
right:8%;
width:42%;
height:1px;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.30),transparent);
pointer-events:none;
}
.service-detail:hover,.contact-panel:hover,.contact-form:hover,.join-shell:hover,.account-card:hover,.auth-card:hover,.editorial:hover{
box-shadow:0 28px 78px rgba(0,0,0,.30),0 0 0 1px rgba(229,199,141,.028) inset;
}
.service-icon{
position:relative;
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.15);
}
.service-icon::after{
content:"";
position:absolute;
inset:-35% 48% -35% -65%;
transform:translateX(-100%) rotate(12deg);
background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);
transition:transform .62s ease;
}
.service-detail:hover .service-icon::after,.service-card:hover .service-icon::after{transform:translateX(220%) rotate(12deg)}
.req-item{
box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.req-item:hover{background:rgba(229,199,141,.035)}
.terms{
box-shadow:inset 3px 0 0 rgba(229,199,141,.16);
}
/* Editorial and imagery: premium frame treatment. */
.editorial-media,.join-visual,.contact-logo{
position:relative;
}
.editorial-media{box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 0 0 1px rgba(229,199,141,.08)}
.editorial-media img,.join-visual img{filter:saturate(.92) contrast(1.025)}
.editorial-media::after,.join-visual::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 30%,transparent 70%,rgba(229,199,141,.035));
box-shadow:inset 0 0 0 1px rgba(229,199,141,.07);
}
/* Forms: same sizing, clearer material and focus depth. */
.contact-form input,.contact-form textarea,.auth-form input{
background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(14,14,13,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 8px 22px rgba(0,0,0,.08);
transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.contact-form input:hover,.contact-form textarea:hover,.auth-form input:hover{border-color:rgba(229,199,141,.28)}
.contact-form input:focus,.contact-form textarea:focus,.auth-form input:focus{
background:linear-gradient(180deg,#10100f,#0d0d0d);
border-color:rgba(229,199,141,.56);
box-shadow:0 0 0 3px rgba(209,181,133,.075),0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.022);
}
.contact-form input::placeholder,.contact-form textarea::placeholder,.auth-form input::placeholder{color:#766e64}
/* Policy-only footer: preserve compact layout, make it feel intentional. */
.site-footer.site-footer-policy-only{
position:relative;
background:
radial-gradient(circle at 50% 0,rgba(229,199,141,.035),transparent 48%),
#090909;
box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.site-footer.site-footer-policy-only::before{
content:"";
position:absolute;
top:-1px;
left:50%;
width:min(600px,72vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(229,199,141,.32),transparent);
}
.footer-policy-only h3{letter-spacing:.04em;text-shadow:0 0 18px rgba(229,199,141,.06)}
.site-footer .footer-policy-links a{
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.site-footer .footer-policy-links a:hover{
background:rgba(229,199,141,.045);
box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
/* Flash messages and legal cards feel integrated with the theme. */
.public-flash{box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(12px)}
.prose-card h2,.prose-card h3{position:relative}
.prose-card h2::after{content:"";display:block;width:48px;height:1px;margin-top:8px;background:linear-gradient(90deg,var(--c-gold-bright),transparent);opacity:.55}
/* Floating action gets only material polish; its existing color remains untouched. */
.floating-action{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.floating-action:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 22px 54px rgba(0,0,0,.42);filter:saturate(1.05)}
/* Ambient pointer glow is applied only to large visual sections. */
.page-hero::after{
background:
radial-gradient(300px circle at var(--spot-x,78%) var(--spot-y,38%),rgba(229,199,141,.085),transparent 64%),
radial-gradient(circle at 18% 76%,rgba(130,105,71,.06),transparent 28%);
}
@media(max-width:820px){
.topbar::after{transition:none}
.home-slider-secondary::before{inset:8px}
.service-detail:hover,.contact-panel:hover,.contact-form:hover,.join-shell:hover,.account-card:hover,.auth-card:hover,.editorial:hover{box-shadow:0 22px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.02)}
}
@media(prefers-reduced-motion:reduce){
.topbar::after{transition:none}
.brand-mark,.brand-mark::after,.btn::after,.service-icon::after,.floating-action{transition:none!important}
.home-slider-secondary .home-slide-content{transition:none!important}
}
/* =========================================================
R4.7 — Browser chrome + safe-area theme integration
Keeps browser/status-bar surfaces visually tied to the site.
========================================================= */
html{
background:var(--c-dark);
color-scheme:dark;
}
body{
min-height:100svh;
background-color:var(--c-bg);
}
@supports (padding: max(0px)){
.topbar{
padding-top:max(0px,env(safe-area-inset-top));
}
body{
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
}
/* =========================================================
R4.8 — Featured intro: text-only, perfectly centered
First slide remains the source of title/description, but its
image and CTA are intentionally not rendered on the homepage.
========================================================= */
.home-featured.home-featured-text-only{
position:relative;
overflow:hidden;
display:block;
background:
radial-gradient(circle at 50% 48%,rgba(229,199,141,.085),transparent 27%),
radial-gradient(circle at 18% 20%,rgba(130,105,71,.05),transparent 24%),
linear-gradient(135deg,#0d0d0d 0%,#151412 50%,#0c0c0c 100%);
}
.home-featured.home-featured-text-only::before{
content:"";
position:absolute;
inset:0;
width:auto;
height:auto;
right:auto;
top:auto;
z-index:0;
background:
linear-gradient(rgba(229,199,141,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(229,199,141,.028) 1px,transparent 1px);
background-size:38px 38px;
box-shadow:none;
opacity:.52;
pointer-events:none;
}
.home-featured.home-featured-text-only::after{
content:"";
position:absolute;
z-index:1;
left:50%;
bottom:-88px;
width:min(620px,72vw);
height:150px;
transform:translateX(-50%);
border-radius:50%;
border:1px solid rgba(229,199,141,.08);
box-shadow:
0 0 0 28px rgba(229,199,141,.012),
0 0 80px rgba(209,181,133,.055);
background:transparent;
pointer-events:none;
}
.home-featured.home-featured-text-only .home-slide{
position:relative;
inset:auto;
opacity:1;
visibility:visible;
transform:none;
width:100%;
height:100%;
display:grid;
place-items:center;
pointer-events:auto;
z-index:2;
}
.home-featured.home-featured-text-only .home-slide>img{display:none!important}
.home-featured.home-featured-text-only .home-slide-shade{
position:absolute;
inset:0;
z-index:0;
background:
linear-gradient(90deg,rgba(0,0,0,.12),transparent 28%,transparent 72%,rgba(0,0,0,.12)),
linear-gradient(180deg,rgba(255,255,255,.012),transparent 30%,rgba(0,0,0,.08));
}
.home-featured.home-featured-text-only .home-slide-content{
position:relative;
inset:auto;
top:auto;
right:auto;
bottom:auto;
left:auto;
transform:none!important;
width:min(980px,88vw);
height:auto;
margin:0 auto;
padding:20px clamp(22px,4vw,54px);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center!important;
gap:8px;
text-align:center!important;
border:0;
border-radius:0;
background:transparent;
backdrop-filter:none;
box-shadow:none;
overflow:visible;
}
.home-featured.home-featured-text-only .home-slide-content::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(150px,28vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.72;
}
.home-featured.home-featured-text-only .home-slide-content::after{
content:"";
position:absolute;
bottom:0;
left:50%;
width:min(82px,18vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(229,199,141,.54),transparent);
}
.home-featured.home-featured-text-only:hover .home-slide-content{transform:none!important}
.home-featured.home-featured-text-only .home-slide-content h1{
margin:0;
max-width:100%;
display:block;
overflow:visible;
-webkit-line-clamp:unset;
color:var(--c-gold-bright);
text-align:center;
text-shadow:0 8px 30px rgba(0,0,0,.44),0 0 28px rgba(209,181,133,.08);
}
.home-featured.home-featured-text-only .home-slide-content p{
margin:0;
max-width:900px;
display:block;
overflow:visible;
-webkit-line-clamp:unset;
color:#ddd4c7;
text-align:center;
line-height:1.9;
text-shadow:0 4px 22px rgba(0,0,0,.36);
}
.home-featured.home-featured-text-only .home-slide-content .btn{display:none!important}
@media(max-width:620px){
.home-featured.home-featured-text-only .home-slide-content{
width:calc(100% - 28px);
padding:16px 10px;
gap:6px;
}
.home-featured.home-featured-text-only .home-slide-content h1{
max-width:100%;
text-align:center;
}
.home-featured.home-featured-text-only .home-slide-content p{
max-width:100%;
text-align:center;
line-height:1.72;
}
}
/* =========================================================
R4.8.1 — LOWER FIXED FEATURED HEIGHT
Keep same text-only concept, but reduce vertical footprint.
========================================================= */
.home-featured.home-featured-text-only{
height:clamp(150px,16vw,188px)!important;
min-height:150px;
}
.home-featured.home-featured-text-only::after{
bottom:-98px;
height:120px;
width:min(560px,68vw);
}
.home-featured.home-featured-text-only .home-slide-content{
width:min(960px,88vw);
padding:14px clamp(18px,3.2vw,42px);
gap:6px;
}
.home-featured.home-featured-text-only .home-slide-content h1{
font-size:clamp(24px,2vw,30px)!important;
line-height:1.34!important;
}
.home-featured.home-featured-text-only .home-slide-content p{
font-size:clamp(13px,1.02vw,15px);
line-height:1.72;
max-width:840px;
}
@media(max-width:820px){
.home-featured.home-featured-text-only{
height:clamp(145px,25vw,175px)!important;
min-height:145px;
}
.home-featured.home-featured-text-only .home-slide-content{
padding:12px 18px;
}
}
@media(max-width:620px){
.home-featured.home-featured-text-only{
height:clamp(150px,42vw,178px)!important;
min-height:150px;
}
.home-featured.home-featured-text-only .home-slide-content{
width:calc(100% - 24px);
padding:12px 8px;
gap:5px;
}
.home-featured.home-featured-text-only .home-slide-content h1{
font-size:18px!important;
}
.home-featured.home-featured-text-only .home-slide-content p{
font-size:12.2px;
line-height:1.66;
}
}
/* =========================================================
R4.8.2 — COMPACT FEATURED + NATURAL SCROLL HEADER
- Fixed text-only hero is slightly shorter.
- Header belongs to normal page flow and scrolls out of view.
========================================================= */
.topbar{
position:relative!important;
top:auto!important;
}
.home-featured.home-featured-text-only{
height:clamp(132px,13vw,160px)!important;
min-height:132px!important;
}
.home-featured.home-featured-text-only::after{
bottom:-104px;
height:110px;
width:min(520px,64vw);
}
.home-featured.home-featured-text-only .home-slide-content{
width:min(940px,88vw);
padding:11px clamp(16px,3vw,36px);
gap:5px;
}
.home-featured.home-featured-text-only .home-slide-content h1{
font-size:clamp(22px,1.85vw,28px)!important;
line-height:1.3!important;
}
.home-featured.home-featured-text-only .home-slide-content p{
font-size:clamp(12.5px,.95vw,14.5px);
line-height:1.62;
max-width:820px;
}
@media(max-width:820px){
.home-featured.home-featured-text-only{
height:clamp(132px,21vw,155px)!important;
min-height:132px!important;
}
.home-featured.home-featured-text-only .home-slide-content{
padding:10px 16px;
}
}
@media(max-width:620px){
.home-featured.home-featured-text-only{
height:clamp(138px,38vw,160px)!important;
min-height:138px!important;
}
.home-featured.home-featured-text-only .home-slide-content{
width:calc(100% - 22px);
padding:10px 7px;
gap:4px;
}
.home-featured.home-featured-text-only .home-slide-content h1{
font-size:17px!important;
line-height:1.34!important;
}
.home-featured.home-featured-text-only .home-slide-content p{
font-size:11.7px;
line-height:1.56;
}
}
/* =========================================================
R5.0 — BRAND + ACADEMY + SERVICES PLATFORM
Keeps the existing black/gold palette and typography scale.
Adds balanced homepage sections, catalog depth and academy UI.
========================================================= */
/* Slider semantic H2 inherits the exact established slide heading scale. */
.home-slider-secondary .home-slide-content h2{
max-width:720px;margin:0;font-size:clamp(22px,2vw,32px)!important;line-height:1.42!important;
font-weight:900;color:#fff8ed;text-shadow:0 8px 30px rgba(0,0,0,.62);
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
/* Keep R4.8.2 natural scroll header; R5 must never re-sticky it. */
.topbar{position:relative!important;top:auto!important}
/* R5 dropdown: grouped without making the menu visually heavy. */
.nav-submenu-r5{min-width:min(430px,92vw);padding:10px}
.nav-submenu-r5 .nav-submenu-section{display:grid;gap:2px;padding:8px 4px;border-top:1px solid rgba(229,199,141,.08)}
.nav-submenu-r5 .nav-submenu-section:first-of-type{border-top:0}
.nav-submenu-r5 .nav-submenu-section>small{display:flex;align-items:center;gap:7px;padding:5px 9px;color:var(--c-gold);font-size:11px;font-weight:900;letter-spacing:.02em}
.nav-submenu-r5 .nav-submenu-section>a{border-radius:10px}
/* Shared R5 heading language. */
.home-section-heading{width:min(850px,92vw);margin:0 auto 20px;text-align:center}
.home-section-heading h2{margin:4px 0 8px;font-size:clamp(24px,2.4vw,34px)!important;line-height:1.45;color:var(--c-text)}
.home-section-heading p{margin:0 auto;max-width:720px;color:var(--c-muted);line-height:1.8}
.home-section-heading.compact{margin-bottom:14px}
/* Compact market ribbon — informative, not another full section. */
.home-market-band{
width:min(1220px,calc(100% - 28px));margin:14px auto 0;padding:12px 15px;
display:flex;align-items:center;justify-content:space-between;gap:16px;
border:1px solid rgba(229,199,141,.13);border-radius:18px;
background:linear-gradient(135deg,rgba(31,29,26,.88),rgba(15,15,15,.94));
box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018);
position:relative;overflow:hidden;
}
.home-market-band::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 38%,rgba(229,199,141,.035) 47%,transparent 56%);transform:translateX(65%);animation:r5MarketSweep 10s ease-in-out infinite;pointer-events:none}
@keyframes r5MarketSweep{0%,70%,100%{transform:translateX(75%)}85%{transform:translateX(-75%)}}
.home-market-label{display:grid;gap:1px;min-width:max-content;position:relative;z-index:1}
.home-market-label .eyebrow{font-size:9px;margin:0}
.home-market-label>b{font-size:14px;color:var(--c-text)}
.home-market-list{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;position:relative;z-index:1}
.home-market-list span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(229,199,141,.09);background:rgba(255,255,255,.018);color:#d8d0c5;font-size:12px;font-weight:700;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.home-market-list span i{color:var(--c-gold);font-size:13px}
.home-market-list span:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.25);background:rgba(229,199,141,.045)}
/* Three-path model keeps the home useful without listing every service. */
.home-paths{width:min(1220px,calc(100% - 28px));margin:28px auto 0;padding:28px 0 2px}
.home-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.home-path-card{
--tilt-x:0deg;--tilt-y:0deg;--tilt-light-x:50%;--tilt-light-y:50%;
position:relative;overflow:hidden;min-height:245px;padding:21px;border-radius:22px;
border:1px solid rgba(229,199,141,.13);
background:linear-gradient(145deg,rgba(31,29,27,.96),rgba(14,14,14,.98));
box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02);
transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease;
display:flex;flex-direction:column;align-items:flex-start;
}
.home-path-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--tilt-light-x) var(--tilt-light-y),rgba(229,199,141,.085),transparent 34%);opacity:.7;pointer-events:none}
.home-path-card::after{content:"";position:absolute;right:-55px;bottom:-72px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(229,199,141,.07);box-shadow:0 0 0 22px rgba(229,199,141,.012);pointer-events:none}
.home-path-card:hover{border-color:rgba(229,199,141,.27);box-shadow:0 24px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)}
.home-path-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(229,199,141,.13),rgba(130,105,71,.055));border:1px solid rgba(229,199,141,.18);color:var(--c-gold-bright);font-size:19px;position:relative;z-index:1}
.home-path-count{position:absolute;left:17px;top:17px;padding:5px 8px;border-radius:999px;background:rgba(229,199,141,.055);border:1px solid rgba(229,199,141,.11);color:var(--c-gold);font-size:10px;font-weight:800}
.home-path-card h3{position:relative;z-index:1;margin:14px 0 6px;color:#f4eadc;font-size:20px}
.home-path-card>p{position:relative;z-index:1;margin:0;color:var(--c-muted);font-size:13px;line-height:1.75}
.home-path-services{position:relative;z-index:1;display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 14px}
.home-path-services span{padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.018);border:1px solid rgba(229,199,141,.07);color:#c9bfb1;font-size:10.5px}
.home-path-card .text-link{position:relative;z-index:1;margin-top:auto}
/* Why strip: four concise trust/value points. */
.home-why{width:min(1220px,calc(100% - 28px));margin:25px auto 0;padding:23px 0}
.home-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.home-why-grid article{display:flex;align-items:flex-start;gap:10px;padding:15px 14px;border-radius:16px;border:1px solid rgba(229,199,141,.09);background:rgba(255,255,255,.014);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.home-why-grid article:hover{transform:translateY(-3px);border-color:rgba(229,199,141,.22);background:rgba(229,199,141,.028)}
.home-why-grid article>i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:rgba(229,199,141,.075);color:var(--c-gold-bright);font-size:15px}
.home-why-grid b{display:block;color:#efe5d7;font-size:13.5px;margin-bottom:3px}
.home-why-grid p{margin:0;color:var(--c-muted);font-size:11.5px;line-height:1.65}
/* Services catalog: editorial grouping. */
.service-category-nav{width:min(1100px,92vw);margin:-5px auto 18px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.service-category-nav a{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:13px;border:1px solid rgba(229,199,141,.12);background:#171615;color:#d9cdbd;text-decoration:none;font-size:12px;font-weight:800;transition:.25s ease}
.service-category-nav a i{color:var(--c-gold)}
.service-category-nav a b{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:8px;background:rgba(229,199,141,.07);color:var(--c-gold);font-size:10px}
.service-category-nav a:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.28);color:#fff4e5}
.services-catalog{display:grid;gap:42px}
.service-category-block{scroll-margin-top:18px}
.service-category-head{width:min(1100px,92vw);margin:0 auto 16px;display:flex;align-items:center;gap:12px}
.service-category-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(229,199,141,.17);background:linear-gradient(145deg,rgba(229,199,141,.10),rgba(130,105,71,.03));color:var(--c-gold-bright);font-size:20px}
.service-category-head .eyebrow{margin:0}
.service-category-head h2{margin:2px 0 3px;font-size:25px!important;color:#f2e8da}
.service-category-head p{margin:0;color:var(--c-muted);font-size:12.5px}
.service-catalog-grid{width:min(1100px,92vw);margin:0 auto}
.service-catalog-card{position:relative;overflow:hidden}
.service-catalog-card::after{content:"";position:absolute;inset:auto -55px -65px auto;width:130px;height:130px;border-radius:50%;border:1px solid rgba(229,199,141,.06);pointer-events:none}
.service-catalog-card h3{font-size:20px!important}
/* Generic luxury panel used on service/course/about inner pages. */
.luxury-panel{border:1px solid rgba(229,199,141,.12);border-radius:22px;background:linear-gradient(145deg,rgba(29,27,25,.96),rgba(13,13,13,.98));box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018)}
.service-single-hero .service-hero-meta,.course-quick-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.service-hero-meta span,.course-quick-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(229,199,141,.12);background:rgba(229,199,141,.035);color:#d5c8b7;font-size:11.5px}
.service-hero-meta i,.course-quick-meta i{color:var(--c-gold)}
.service-single-shell,.course-single-shell{padding-top:26px}
.service-story-grid,.course-single-grid{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.service-story-main,.course-main{padding:24px}
.service-story-main>p,.course-main>p{color:#d1c7ba;line-height:1.9}
.service-copy-block{margin-top:22px;padding-top:18px;border-top:1px solid rgba(229,199,141,.08)}
.service-copy-block h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#efe4d5;font-size:16px}
.service-copy-block h3 i{color:var(--c-gold)}
.premium-check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.premium-check-list li{display:flex;gap:7px;align-items:flex-start;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.015);color:#cbc1b4;font-size:12px;line-height:1.6}
.premium-check-list i{color:var(--c-gold-bright);margin-top:2px}
.service-action-card,.course-action{padding:20px;position:sticky;top:18px;text-align:center;display:grid;gap:11px}
.service-action-card .service-icon.big{margin:auto;width:54px;height:54px;font-size:25px}
.service-price.big strong{font-size:22px}
.service-info-grid{width:min(1100px,92vw);margin:14px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-info-card{padding:20px}
.service-info-card>i{font-size:23px;color:var(--c-gold-bright)}
.service-info-card h3{margin:9px 0 10px;color:#efe5d6}
.service-info-card ul,.service-info-card ol{margin:0;padding-right:20px;color:#c9c0b4;line-height:1.85;font-size:12.5px}
.service-terms{width:min(1100px,92vw);margin:14px auto 0;padding:18px 20px;display:flex;gap:12px;align-items:flex-start}
.service-terms>i{color:var(--c-gold-bright);font-size:20px;margin-top:2px}
.service-terms h3{margin:0 0 5px;color:#efe5d7;font-size:15px}.service-terms p{margin:0;color:#bfb5a8;line-height:1.75;font-size:12.5px}
.service-faq{width:min(900px,92vw);margin:30px auto 0}
.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid rgba(229,199,141,.10);border-radius:14px;background:rgba(255,255,255,.014);padding:0 14px}.faq-list summary{cursor:pointer;padding:13px 0;color:#e8ddcf;font-weight:800;font-size:13px}.faq-list p{margin:0;padding:0 0 14px;color:var(--c-muted);line-height:1.75;font-size:12px}
/* Academy & courses. */
.academy-catalog{padding-top:26px}.course-grid{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.course-card{overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.course-card:hover{transform:translateY(-4px);border-color:rgba(229,199,141,.25);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.course-card-media{height:155px;background:#101010;overflow:hidden}.course-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-card-media img{transform:scale(1.035)}
.course-card-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(229,199,141,.10),transparent 35%),linear-gradient(145deg,#1b1917,#0e0e0e);color:var(--c-gold-bright);font-size:38px}
.course-card-body{padding:17px}.course-meta{display:flex;gap:6px;flex-wrap:wrap}.course-meta span{padding:5px 7px;border-radius:8px;background:rgba(229,199,141,.05);border:1px solid rgba(229,199,141,.08);font-size:10px;color:#c8baa8}.course-card h2{font-size:19px!important;margin:10px 0 6px}.course-card p{color:var(--c-muted);font-size:12px;line-height:1.7;min-height:42px}
.course-cover{width:100%;max-height:300px;object-fit:cover;border-radius:16px;margin-bottom:18px;border:1px solid rgba(229,199,141,.12)}.course-content-list{display:grid;gap:7px;color:#c9bfb2;line-height:1.7}.course-action>i{font-size:34px;color:var(--c-gold-bright)}
/* About page pillars. */
.about-r5-shell{display:grid;gap:22px}.about-pillars{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.about-pillars article{padding:18px}.about-pillars i{font-size:22px;color:var(--c-gold-bright)}.about-pillars h3{margin:9px 0 6px;font-size:15px}.about-pillars p{margin:0;color:var(--c-muted);font-size:11.5px;line-height:1.7}
/* R5 reveal — subtle only. */
.r5-reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease var(--r5-delay,0ms),transform .55s ease var(--r5-delay,0ms)}.r5-reveal.r5-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){
.home-path-grid{grid-template-columns:1fr 1fr}.home-path-card:last-child{grid-column:1/-1;min-height:210px}
.home-why-grid{grid-template-columns:1fr 1fr}
.service-story-grid,.course-single-grid{grid-template-columns:1fr}.service-action-card,.course-action{position:relative;top:auto}
.course-grid{grid-template-columns:1fr 1fr}.about-pillars{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.home-slider-secondary .home-slide-content h2{font-size:16.5px!important;line-height:1.45!important;max-width:92%;-webkit-line-clamp:2}
.home-market-band{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 12px}.home-market-list{justify-content:flex-start}.home-market-list span{font-size:10.5px;padding:6px 8px}
.home-paths{margin-top:18px;padding-top:20px}.home-path-grid{grid-template-columns:1fr}.home-path-card,.home-path-card:last-child{grid-column:auto;min-height:215px}.home-path-card h3{font-size:18px}.home-path-count{top:15px;left:15px}
.home-why{margin-top:18px}.home-why-grid{grid-template-columns:1fr}.home-why-grid article{padding:12px}
.service-category-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.service-category-nav a{flex:0 0 auto}
.service-category-head{align-items:flex-start}.service-category-head h2{font-size:21px!important}.service-category-icon{width:42px;height:42px;flex:0 0 42px}
.service-info-grid{grid-template-columns:1fr}.premium-check-list{grid-template-columns:1fr}.service-story-main,.course-main{padding:18px}.service-action-card,.course-action{padding:17px}
.course-grid{grid-template-columns:1fr}.course-card-media{height:175px}.about-pillars{grid-template-columns:1fr}
.nav-submenu-r5{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.home-market-band::before{animation:none}.r5-reveal{opacity:1;transform:none;transition:none}.home-path-card{transform:none!important;transition:none!important}}
.nav-submenu-r5{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain}
/* =========================================================
R5.1 — ACCEPTANCE + VISUAL CLEANUP
Refinement layer only. Keeps the established black/gold
palette, compact typography, non-sticky header and R5 layout.
========================================================= */
/* Consistent safe canvas and anchor behavior. */
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{overflow-x:hidden}
img{max-width:100%}
[id]{scroll-margin-top:18px}
/* Breadcrumb: intentionally quiet so it never competes with the hero. */
.site-breadcrumb{
width:min(1180px,calc(100% - 28px));
margin:12px auto 0;
min-height:28px;
display:flex;
align-items:center;
}
.site-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.site-breadcrumb li{display:flex;align-items:center;gap:6px;min-width:0;color:#8f867b;font-size:11px;font-weight:700}
.site-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:#a99b88;text-decoration:none;transition:color .22s ease}
.site-breadcrumb a:hover{color:var(--c-gold-bright)}
.site-breadcrumb a i{font-size:11px;color:var(--c-gold)}
.site-breadcrumb .separator{font-size:8px;color:rgba(229,199,141,.35)}
.site-breadcrumb .current span{color:#d4c8b8;max-width:min(56vw,460px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Public feedback behaves like a compact in-page toast. */
.public-flash{
width:min(760px,calc(100% - 28px));
margin:12px auto 0;
border-radius:14px;
box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018);
}
/* Homepage: consistent rhythm after R5 expansion. */
.home-market-band,.home-paths,.home-why{isolation:isolate}
.home-market-list{min-width:0}
.home-market-list span{white-space:nowrap}
.home-path-grid{align-items:stretch}
.home-path-card{height:100%;min-width:0}
.home-path-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-path-services{min-height:29px}
.home-why-grid article{height:100%}
.home-why-grid p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
/* Services catalog: cleaner hierarchy and equal card bottoms. */
.services-catalog{padding-top:22px}
.service-category-nav{scrollbar-width:none;overscroll-behavior-inline:contain}
.service-category-nav::-webkit-scrollbar{display:none}
.service-category-nav a{scroll-snap-align:start}
.service-category-block+ .service-category-block{margin-top:44px}
.service-catalog-grid{align-items:stretch}
.service-catalog-card{height:100%;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.service-catalog-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.service-catalog-card .service-features{margin-bottom:15px}
.service-catalog-card .service-bottom{margin-top:auto}
.service-category-head{position:relative}
.service-category-head::after{content:"";position:absolute;right:60px;left:0;bottom:-9px;height:1px;background:linear-gradient(90deg,rgba(229,199,141,.13),transparent)}
/* Service and course detail pages: editorial but compact. */
.service-single-shell,.course-single-shell{padding-top:24px}
.service-story-main,.course-main,.service-action-card,.course-action,.service-info-card,.service-terms{position:relative;overflow:hidden}
.service-story-main::before,.course-main::before,.service-action-card::before,.course-action::before{
content:"";position:absolute;top:0;right:0;width:120px;height:1px;background:linear-gradient(90deg,var(--c-gold),transparent);opacity:.55
}
.service-copy-block{border-top:1px solid rgba(229,199,141,.07);padding-top:18px;margin-top:20px}
.service-copy-block h3{display:flex;align-items:center;gap:8px}
.service-copy-block h3 i{color:var(--c-gold)}
.service-hero-meta,.course-quick-meta{flex-wrap:wrap}
.service-hero-meta span,.course-quick-meta span{backdrop-filter:blur(8px)}
.service-action-card .btn,.course-action .btn{width:100%;justify-content:center}
.service-action-card .btn+.btn{margin-top:7px}
.service-info-card ul,.service-info-card ol,.course-content-list{padding-inline-start:20px}
.service-info-card li,.course-content-list li{margin-bottom:7px;line-height:1.65}
/* FAQ: more obvious affordance without increasing visual weight. */
.faq-list details{overflow:hidden;transition:border-color .22s ease,background .22s ease}
.faq-list details[open]{border-color:rgba(229,199,141,.20);background:rgba(229,199,141,.022)}
.faq-list summary{position:relative;padding-inline-end:38px;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(229,199,141,.12);color:var(--c-gold);font-size:15px;transition:transform .22s ease,background .22s ease}
.faq-list details[open] summary::after{content:"−";background:rgba(229,199,141,.06)}
/* Academy cards keep a clean baseline even with uneven copy. */
.course-grid{align-items:stretch}
.course-card{height:100%;display:flex;flex-direction:column}
.course-card-body{display:flex;flex-direction:column;flex:1;min-width:0}
.course-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.course-card-body .service-bottom{margin-top:auto;padding-top:12px}
.course-card-media img{display:block}
/* Forms: stronger focus and long-value protection. */
.contact-grid,.contact-panel,.contact-form,.auth-card,.account-card{min-width:0}
.contact-link,.contact-link small,.account-card b{overflow-wrap:anywhere}
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(229,199,141,.42)!important;box-shadow:0 0 0 3px rgba(229,199,141,.055)!important}
button.is-processing{opacity:.72;cursor:wait;pointer-events:none}
button.is-processing::after{content:"";width:13px;height:13px;margin-inline-start:8px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;vertical-align:-2px;animation:r51Spin .7s linear infinite}
@keyframes r51Spin{to{transform:rotate(360deg)}}
/* Back-to-top: intentionally smaller than WhatsApp floating action. */
.back-to-top{
position:fixed;left:18px;bottom:18px;z-index:70;width:38px;height:38px;border-radius:13px;
border:1px solid rgba(229,199,141,.15);background:rgba(18,17,16,.88);color:var(--c-gold-bright);
display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.28);backdrop-filter:blur(10px);
opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease,border-color .22s ease;
}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{border-color:rgba(229,199,141,.34);transform:translateY(-2px)}
/* Mobile menu behaves as a deliberate overlay while open; header still scrolls away normally. */
@media(max-width:900px){
html.public-nav-open{overflow:hidden}
html.public-nav-open body{overflow:hidden}
.main-nav.open{max-height:min(76vh,620px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:820px){
.site-breadcrumb{width:calc(100% - 24px);margin-top:9px}
.service-category-block+ .service-category-block{margin-top:34px}
.service-category-nav{scroll-snap-type:x proximity;padding-inline:2px}
.service-category-head::after{right:54px}
}
@media(max-width:620px){
.site-breadcrumb{width:calc(100% - 20px);margin-top:8px}
.site-breadcrumb li{font-size:10px}
.site-breadcrumb .current span{max-width:48vw}
.home-market-list{width:100%;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
.home-market-list::-webkit-scrollbar{display:none}
.home-market-list span{flex:0 0 auto;scroll-snap-align:start}
.home-path-services{min-height:0}
.service-category-block+ .service-category-block{margin-top:28px}
.service-category-head::after{right:49px}
.service-single-shell,.course-single-shell{padding-top:18px}
.faq-list summary{padding-inline-end:34px}
.back-to-top{left:12px;bottom:12px;width:35px;height:35px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.back-to-top,button.is-processing::after{transition:none;animation:none}
}
/* =========================================================
R6.0 — MARKET ANALYSIS CMS + ACADEMY PROFILES
Uses the existing black/gold identity without changing the
established typography scale or core homepage dimensions.
========================================================= */
.market-hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.market-symbol-strip{width:min(1220px,94vw);margin:12px auto 0;padding:0 2px}
.market-symbol-strip-inner{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}
.market-symbol-strip a{min-width:150px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(229,199,141,.13);border-radius:15px;background:linear-gradient(145deg,rgba(28,26,23,.88),rgba(13,13,13,.9));box-shadow:0 9px 28px rgba(0,0,0,.15);scroll-snap-align:start;transition:.25s ease}
.market-symbol-strip a:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.34);box-shadow:0 15px 34px rgba(0,0,0,.25)}
.market-symbol-strip a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(229,199,141,.08);color:var(--c-gold-bright)}
.market-symbol-strip b{display:block;color:#f3e8d8;font-size:13px}.market-symbol-strip small{display:block;color:#81796f;font-size:10px;margin-top:2px}
.market-featured-section{padding-top:28px!important;padding-bottom:20px!important}
.market-featured-card{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;min-height:330px}
.market-featured-copy{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.market-featured-copy h2{margin:8px 0 10px;font-size:clamp(24px,3vw,36px);line-height:1.35;color:#f7eddf}
.market-featured-copy>p{margin:0 0 16px;color:#bdb3a7;line-height:1.85;max-width:680px}
.market-featured-media{min-height:300px;background:#0b0b0b;position:relative;overflow:hidden}
.market-featured-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .6s ease;filter:saturate(.88) contrast(1.03)}
.market-featured-card:hover .market-featured-media img{transform:scale(1.025);filter:saturate(1) contrast(1.06)}
.market-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.market-symbol{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(229,199,141,.075);border:1px solid rgba(229,199,141,.12);color:var(--c-gold-bright);font-size:12px;font-weight:900}.market-symbol small{color:#918779;font-weight:700;margin-inline-start:2px}
.trend-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10.5px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.trend-badge.bullish{background:rgba(54,142,100,.12);border-color:rgba(86,184,134,.18);color:#9edfbf}.trend-badge.bearish{background:rgba(153,65,65,.12);border-color:rgba(201,93,93,.18);color:#e6a5a5}.trend-badge.wait{background:rgba(202,157,80,.1);border-color:rgba(229,199,141,.16);color:#d9bf90}.trend-badge.neutral{background:rgba(133,135,139,.1);border-color:rgba(180,180,180,.13);color:#c8c4bd}
.market-analysis-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#8f867a;font-size:11px;margin:10px 0 18px}.market-analysis-meta span{display:inline-flex;align-items:center;gap:5px}.market-analysis-meta i{color:var(--c-gold)}
.analysis-chart-placeholder{width:100%;height:100%;min-height:220px;display:grid;place-items:center;align-content:center;gap:9px;background:radial-gradient(circle at 50% 45%,rgba(229,199,141,.08),transparent 30%),linear-gradient(145deg,#151412,#090909);color:rgba(229,199,141,.74)}
.analysis-chart-placeholder i{font-size:44px}.analysis-chart-placeholder span{font-size:18px;font-weight:900;letter-spacing:.08em}
.market-group-nav,.academy-subnav,.trainee-filter-nav{width:min(1120px,92vw);margin:22px auto 0;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.market-group-nav a,.academy-subnav a,.trainee-filter-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#171513;border:1px solid rgba(229,199,141,.1);color:#aaa095;font-size:11px;font-weight:900;transition:.22s ease}
.market-group-nav a:hover,.market-group-nav a.active,.academy-subnav a:hover,.academy-subnav a.active,.trainee-filter-nav a:hover,.trainee-filter-nav a.active{background:linear-gradient(135deg,rgba(229,199,141,.95),rgba(130,105,71,.95));border-color:transparent;color:#15120e;box-shadow:0 10px 28px rgba(209,181,133,.12)}
.analysis-archive{padding-top:36px!important}.analysis-card-grid{width:min(1180px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.analysis-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}.analysis-card-media{height:180px;position:relative;overflow:hidden;background:#0c0c0c}.analysis-card-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;filter:saturate(.88)}.analysis-card:hover .analysis-card-media>img{transform:scale(1.03);filter:saturate(1)}.analysis-card-media>.trend-badge{position:absolute;top:10px;left:10px;backdrop-filter:blur(10px)}
.analysis-card-body{padding:17px;display:flex;flex-direction:column;flex:1}.analysis-card-body h3,.analysis-card-body h2{margin:3px 0 8px;color:#eee4d5;font-size:18px;line-height:1.5}.analysis-card-body>p{margin:0 0 12px;color:#948b80;line-height:1.75;font-size:12.5px;flex:1}.analysis-card-body .market-analysis-meta{margin:0 0 12px}.analysis-card-body .text-link{align-self:flex-start}
.empty-state i{display:block;font-size:28px;color:var(--c-gold);margin-bottom:9px}.empty-state b{display:block;color:#d9d0c3;margin-bottom:5px}.empty-state span{display:block;color:#847c72;font-size:12px}
.analysis-single-hero .market-card-topline{justify-content:center;margin-bottom:12px}.analysis-single-hero .hero-meta{justify-content:center;margin-top:14px;margin-bottom:0}.analysis-main-chart{width:min(1180px,92vw);margin:18px auto 0;border-radius:22px;overflow:hidden;border:1px solid rgba(229,199,141,.14);background:#090909;box-shadow:0 22px 70px rgba(0,0,0,.27)}.analysis-main-chart img{width:100%;max-height:650px;object-fit:contain;display:block;background:#0b0b0b}
.analysis-reading-section{padding-top:28px!important}.analysis-reading-grid{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.analysis-reading-main{padding:clamp(20px,3vw,34px)}.analysis-reading-main h2{margin:5px 0 14px;color:#f1e7d8}.analysis-prose{color:#c3b9ad;line-height:2;font-size:14px;overflow-wrap:anywhere}.analysis-side-stack{display:grid;gap:10px;align-content:start}.analysis-side-card{padding:15px;display:flex;align-items:center;gap:11px}.analysis-side-card>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(229,199,141,.08);color:var(--c-gold-bright);font-size:17px}.analysis-side-card b{display:block;color:#e5dbcd;font-size:12px}.analysis-side-card span{display:block;color:#8e857a;font-size:11px;margin-top:3px}
.scenario-section{padding-top:28px!important;padding-bottom:28px!important}.scenario-grid{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.scenario-card{padding:22px;border-top:2px solid transparent}.scenario-card>span{display:flex;align-items:center;gap:7px;font-weight:900;font-size:13px}.scenario-card p{margin:11px 0 0;color:#a79e93;line-height:1.9;font-size:13px}.scenario-card.bullish{border-top-color:rgba(86,184,134,.45)}.scenario-card.bullish>span{color:#9edfbf}.scenario-card.bearish{border-top-color:rgba(201,93,93,.42)}.scenario-card.bearish>span{color:#e6a5a5}
.key-levels-section{padding-top:28px!important}.key-levels-grid{width:min(1000px,92vw);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.key-level{padding:13px;display:flex;align-items:center;gap:9px;color:#c2b8aa;font-size:12px}.key-level i{color:var(--c-gold-bright)}
.analysis-disclaimer{width:min(1100px,92vw);margin:20px auto;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#17130f;border:1px solid rgba(229,199,141,.14);color:#9c9183}.analysis-disclaimer>i{color:#d8b77d;font-size:18px}.analysis-disclaimer b{display:block;color:#d9c9af;font-size:12px;margin-bottom:4px}.analysis-disclaimer span{display:block;line-height:1.7;font-size:11.5px}
.analysis-next{width:min(1100px,92vw);margin:24px auto 34px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(229,199,141,.12);border-radius:18px;background:linear-gradient(135deg,#171513,#0f0f0f)}.analysis-next h2{margin:4px 0 0;font-size:20px;color:#eee4d5}
.today-fallback-note{width:min(1020px,92vw);margin:18px auto 0;padding:11px 13px;border-radius:14px;background:rgba(229,199,141,.055);border:1px solid rgba(229,199,141,.11);color:#a99d8d;font-size:12px;display:flex;gap:8px;align-items:center}.today-fallback-note i{color:var(--c-gold)}
.market-latest{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:1fr 420px;overflow:hidden}.market-latest>div:first-child{padding:clamp(22px,4vw,42px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.market-latest h2{margin:8px 0;color:#eee4d5}.market-latest p{color:#a89e92;line-height:1.85}.market-latest>img,.market-latest>.analysis-chart-placeholder{width:100%;height:100%;min-height:300px;object-fit:cover}
.analysis-timeline{width:min(980px,92vw);margin:auto;display:grid;gap:10px}.analysis-timeline-item{display:grid;grid-template-columns:120px minmax(0,1fr) 24px;gap:16px;align-items:center;padding:14px 16px;transition:.25s ease}.analysis-timeline-item:hover{transform:translateX(-3px);border-color:rgba(229,199,141,.26)}.analysis-timeline-date{display:grid;gap:3px}.analysis-timeline-date b{color:#d8c5a6;font-size:12px}.analysis-timeline-date small{color:#766f66;font-size:10px}.analysis-timeline-item h3{margin:6px 0 4px;color:#ddd3c5;font-size:15px}.analysis-timeline-item p{margin:0;color:#847c72;font-size:11.5px;line-height:1.6}.analysis-timeline-item>i{color:var(--c-gold)}
.trainee-filter-nav{margin-top:18px}.trainees-catalog{padding-top:32px!important}.trainee-grid{width:min(1120px,92vw);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.trainee-card{overflow:hidden}.trainee-photo-wrap{height:270px;position:relative;overflow:hidden;background:#0b0b0b}.trainee-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform .45s ease,filter .45s ease}.trainee-card:hover .trainee-photo-wrap img{transform:scale(1.025);filter:saturate(1)}.trainee-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(229,199,141,.08),transparent 34%),linear-gradient(145deg,#181613,#0b0b0b)}.trainee-photo-placeholder i{font-size:68px;color:rgba(229,199,141,.38)}.trainee-status{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(10,10,10,.72);backdrop-filter:blur(11px);border:1px solid rgba(229,199,141,.14);font-size:10px;font-weight:900;color:#d7c7ad}.trainee-status.graduated{color:#edcf95}.trainee-status.completed{color:#abdcbc}.trainee-status.current{color:#b9c9df}.trainee-card-body{padding:17px}.trainee-card-body h2{margin:0 0 11px;color:#efe5d6;font-size:20px}.trainee-track,.trainee-date{display:flex;align-items:center;gap:7px;color:#958b7f;font-size:11.5px;margin-top:7px}.trainee-track i,.trainee-date i{color:var(--c-gold)}.trainee-card-body>p{margin:12px 0 0;color:#847c72;line-height:1.7;font-size:12px}.certificate-code{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 8px;border-radius:10px;background:rgba(229,199,141,.055);color:#9f927e;font-size:10.5px}.certificate-code i{color:var(--c-gold)}.academy-profile-note{width:min(1000px,92vw);margin:0 auto 32px;display:flex;justify-content:center;align-items:center;gap:8px;color:#81796f;font-size:11px}.academy-profile-note i{color:var(--c-gold)}
@media(max-width:980px){
.analysis-card-grid,.trainee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.market-featured-card{grid-template-columns:1fr}.market-featured-media{min-height:260px;order:-1}
.analysis-reading-grid{grid-template-columns:1fr}.analysis-side-stack{grid-template-columns:repeat(3,1fr)}
.market-latest{grid-template-columns:1fr}.market-latest>img,.market-latest>.analysis-chart-placeholder{order:-1;min-height:260px}
}
@media(max-width:680px){
.market-hero-actions .btn{flex:1 1 150px}.market-symbol-strip{width:100%;padding-inline:14px}.market-symbol-strip-inner{padding-bottom:8px}.market-symbol-strip a{min-width:138px}
.market-group-nav,.academy-subnav,.trainee-filter-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:0 14px 5px;scrollbar-width:none}.market-group-nav::-webkit-scrollbar,.academy-subnav::-webkit-scrollbar,.trainee-filter-nav::-webkit-scrollbar{display:none}.market-group-nav a,.academy-subnav a,.trainee-filter-nav a{flex:0 0 auto}
.analysis-card-grid,.trainee-grid{grid-template-columns:1fr}.analysis-card-media{height:190px}.trainee-photo-wrap{height:300px}
.market-featured-card{width:calc(100% - 24px)}.market-featured-copy{padding:20px}.market-featured-copy h2{font-size:22px}.market-featured-media{min-height:215px}
.analysis-main-chart{width:calc(100% - 24px);border-radius:16px}.analysis-reading-grid,.scenario-grid,.key-levels-grid{width:calc(100% - 24px);grid-template-columns:1fr}.analysis-side-stack{grid-template-columns:1fr}.analysis-next{flex-direction:column;align-items:flex-start}.analysis-next .btn{width:100%}
.market-latest{width:calc(100% - 24px)}.market-latest>img,.market-latest>.analysis-chart-placeholder{min-height:210px}.analysis-timeline-item{grid-template-columns:1fr 20px;gap:8px}.analysis-timeline-date{grid-column:1/-1;display:flex;gap:8px;align-items:center}
}
@media(prefers-reduced-motion:reduce){.market-symbol-strip a,.analysis-card-media>img,.trainee-photo-wrap img,.analysis-timeline-item{transition:none!important}}
.home-market-label .home-market-cta{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:var(--c-gold);font-size:10.5px;font-weight:900}.home-market-label .home-market-cta:hover{color:var(--c-gold-bright)}
.course-trainees .trainee-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1050px}.course-trainees .trainee-photo-wrap{height:210px}.course-trainees .trainee-card-body{padding:13px}.course-trainees .trainee-card-body h3{margin:0;color:#e9decf;font-size:16px}.course-trainee-more{text-align:center;margin-top:18px}@media(max-width:900px){.course-trainees .trainee-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.course-trainees .trainee-grid.compact{grid-template-columns:1fr 1fr}.course-trainees .trainee-photo-wrap{height:180px}}
/* =========================================================
R7 — MEMBERSHIP PLATFORM
Memberships, customer dashboard and protected academy access.
========================================================= */
.membership-current-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border:1px solid rgba(229,199,141,.28);border-radius:999px;background:rgba(209,181,133,.08);color:var(--c-gold-bright);font-weight:800;font-size:13px}
.membership-public-shell{padding-top:38px}
.membership-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,92vw);margin-inline:auto}
.membership-plan-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:24px;overflow:hidden}
.membership-plan-card.current{border-color:rgba(229,199,141,.5);box-shadow:0 20px 56px rgba(0,0,0,.34),0 0 0 1px rgba(229,199,141,.06) inset}
.membership-plan-card.current::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(229,199,141,.09),transparent 30%);pointer-events:none}
.membership-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.membership-plan-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(229,199,141,.24);background:rgba(209,181,133,.08);color:var(--c-gold-bright);font-size:19px}
.membership-plan-card h2{margin:0 0 8px;font-size:23px!important}.membership-plan-card>p{margin:0 0 18px;color:var(--c-muted);line-height:1.8}
.membership-price{display:flex;align-items:baseline;gap:9px;padding:14px 0;border-block:1px solid rgba(255,255,255,.06);margin-bottom:12px}.membership-price strong{font-size:21px;color:var(--c-gold-bright)}.membership-price small{color:var(--c-muted)}
.membership-duration{display:flex;gap:8px;align-items:center;color:#ddd4c7;font-size:13px;margin-bottom:16px}.membership-duration i{color:var(--c-gold)}
.membership-includes{margin-top:14px}.membership-includes h3{font-size:14px!important;margin:0 0 10px;color:#f3eadc}.membership-includes ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.membership-includes li{display:flex;align-items:flex-start;gap:8px;color:#d9d0c4;font-size:13px}.membership-includes li i{color:var(--c-gold);margin-top:2px}
.membership-member-content{display:flex;align-items:center;gap:9px;margin:16px 0;padding:11px 12px;border-radius:12px;border:1px dashed rgba(229,199,141,.24);color:#e7dccd;background:rgba(229,199,141,.04);font-size:13px}.membership-member-content i{color:var(--c-gold-bright)}
.membership-plan-card>.btn{margin-top:auto}
.membership-active-box{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:14px 0;border-radius:14px;background:rgba(63,136,91,.08);border:1px solid rgba(95,196,130,.22);color:#dff7e7}.membership-active-box>i{font-size:18px;color:#86dfa5}.membership-active-box div{display:flex;flex-direction:column;gap:2px}.membership-active-box b{font-size:13px}.membership-active-box span{font-size:11.5px;color:#bcd7c5}.membership-active-box.compact{margin:8px 0 14px}
.member-dashboard-shell{padding-top:34px}.member-dashboard-grid{width:min(1180px,92vw);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px}.member-profile-card,.member-status-card{padding:22px}.member-profile-card{display:flex;flex-direction:column;gap:16px}.member-profile-card .account-avatar{width:64px;height:64px;border-radius:18px}.member-profile-name{display:flex;flex-direction:column;gap:3px}.member-profile-name>span,.member-profile-lines span,.member-date-grid span{font-size:11px;color:var(--c-muted)}.member-profile-name>b{font-size:20px;color:#fff8ed}.member-profile-name small{color:#92daa8;font-size:11px}.member-profile-lines{display:grid;gap:10px}.member-profile-lines>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.member-profile-lines b{font-size:12px;overflow-wrap:anywhere}
.member-status-card.active{background:linear-gradient(145deg,rgba(209,181,133,.07),rgba(255,255,255,.015));border-color:rgba(229,199,141,.24)}.member-plan-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.member-plan-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(209,181,133,.1);border:1px solid rgba(229,199,141,.22);color:var(--c-gold-bright);font-size:20px}.member-plan-header>div{flex:1}.member-plan-header span{font-size:11px;color:var(--c-muted)}.member-plan-header h2{margin:2px 0 0;font-size:22px!important}.member-status-card>p{color:var(--c-muted);line-height:1.8}.member-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.member-date-grid>div{padding:11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;gap:3px}.member-date-grid b{font-size:12px}.member-empty-plan{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.member-empty-plan>i{font-size:30px;color:var(--c-gold)}.member-empty-plan h2{margin:0;font-size:22px!important}.member-empty-plan p{margin:0 0 8px;color:var(--c-muted)}
.member-stat-grid{width:min(1180px,92vw);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-stat-grid article{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid rgba(229,199,141,.13);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(209,181,133,.025))}.member-stat-grid i{color:var(--c-gold);font-size:18px}.member-stat-grid strong{font-size:17px;color:#fff8ed}.member-stat-grid span{font-size:11.5px;color:var(--c-muted)}
.member-access-section{width:min(1180px,92vw);margin:34px auto 0}.member-access-section .section-title{margin-bottom:18px}.member-access-section .section-title h2{font-size:26px!important}.member-service-grid,.member-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-service-card,.member-course-card{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:100%}.member-service-icon{font-size:24px}.member-service-card h3,.member-course-card h3{margin:0;font-size:18px!important}.member-service-card p,.member-course-card p{margin:0;color:var(--c-muted);font-size:12.5px;line-height:1.75}.member-service-card .text-link,.member-course-card .btn{margin-top:auto}.member-course-top{display:flex;justify-content:space-between;align-items:center;color:var(--c-gold);font-size:11px}.member-course-top i{font-size:20px}.member-course-progress{display:grid;gap:7px;margin-top:4px}.member-course-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:var(--c-muted)}
.course-progress-track{height:7px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.course-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-gold-deep),var(--c-gold-bright));box-shadow:0 0 12px rgba(229,199,141,.18)}
.member-analysis-access{width:min(1180px,92vw);margin:34px auto 0;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,rgba(209,181,133,.07),rgba(255,255,255,.018))}.member-analysis-access h2{margin:2px 0 5px;font-size:22px!important}.member-analysis-access p{margin:0;color:var(--c-muted)}
.member-included-pill{color:#dff7e7!important;border-color:rgba(95,196,130,.2)!important;background:rgba(63,136,91,.08)!important}.course-access-badge{display:inline-flex!important;align-items:center;gap:5px;color:var(--c-gold-bright)!important;border:1px solid rgba(229,199,141,.18);padding:4px 7px;border-radius:999px;background:rgba(229,199,141,.045)}
.course-locked-content{margin-top:22px;padding:24px;border:1px dashed rgba(229,199,141,.22);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(229,199,141,.065),transparent 36%),rgba(255,255,255,.018);text-align:center}.course-lock-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:17px;border:1px solid rgba(229,199,141,.22);color:var(--c-gold-bright);background:rgba(229,199,141,.06);font-size:21px}.course-locked-content h3{font-size:18px!important;margin:0 0 7px}.course-locked-content p{max-width:680px;margin:0 auto 15px!important;color:var(--c-muted)}.course-locked-content .btn{margin:4px}.course-progress-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:20px 0;padding:14px;border-radius:14px;border:1px solid rgba(229,199,141,.16);background:rgba(229,199,141,.035)}.course-progress-card>div:first-child{display:flex;flex-direction:column;gap:2px}.course-progress-card span{font-size:11px;color:var(--c-muted)}.course-progress-card b{font-size:13px}.course-progress-card strong{color:var(--c-gold-bright);font-size:13px}
@media(max-width:900px){.membership-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-dashboard-grid{grid-template-columns:1fr}.member-service-grid,.member-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-analysis-access{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.membership-plan-grid,.member-service-grid,.member-course-grid{grid-template-columns:1fr}.membership-plan-card{padding:18px}.member-date-grid{grid-template-columns:1fr}.member-stat-grid{grid-template-columns:1fr}.member-stat-grid article{justify-content:flex-start}.member-analysis-access{padding:18px}.course-progress-card{grid-template-columns:1fr}.course-progress-card strong{text-align:left}.member-dashboard-shell{padding-top:22px}}
.service-top-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.service-top-badges .member-included-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(95,196,130,.2);border-radius:999px;background:rgba(63,136,91,.08);font-size:10.5px;color:#dff7e7}
/* =========================================================
R8.0 — ACADEMY EXPANSION
Modules, lessons, progress and certificates.
========================================================= */
.academy-curriculum-section{padding-top:34px!important}
.academy-curriculum-list{width:min(1040px,92vw);margin:0 auto;display:grid;gap:14px}
.curriculum-module{overflow:hidden;padding:0}
.curriculum-module-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(229,199,141,.09);background:linear-gradient(135deg,rgba(229,199,141,.028),transparent)}
.curriculum-module-head>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(229,199,141,.08);border:1px solid rgba(229,199,141,.12);color:var(--c-gold-bright);font-weight:900;font-size:12px}
.curriculum-module-head h3{margin:0;color:#eee3d4;font-size:17px}.curriculum-module-head p{margin:5px 0 0;color:#8f867a;font-size:11.5px;line-height:1.6}.curriculum-module-head>small{color:#81786d;font-size:10.5px;white-space:nowrap}
.curriculum-lessons{display:grid}.curriculum-lesson{display:grid;grid-template-columns:34px minmax(0,1fr) auto 22px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.035);color:#aaa095;transition:.22s ease}.curriculum-lesson:last-child{border-bottom:0}.curriculum-lesson:hover{background:rgba(229,199,141,.035);color:#e7ddcf}.curriculum-lesson.completed{background:rgba(75,142,105,.045)}
.curriculum-lesson .lesson-index{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#111;border:1px solid rgba(229,199,141,.09);color:#81786d;font-size:10px;font-weight:900}.curriculum-lesson b{display:block;color:#d7cdc0;font-size:13px}.curriculum-lesson small{display:block;margin-top:3px;color:#7f776d;font-size:10.5px}.curriculum-lesson em{font-style:normal;color:#766e64;font-size:10px;display:flex;align-items:center;gap:4px}.curriculum-lesson>i{color:#8c7b60}.curriculum-lesson.completed>i{color:#8fc9a9}
.academy-completion-banner{width:min(1040px,92vw);margin:18px auto 0;padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border-color:rgba(229,199,141,.21)}.academy-completion-banner>i{font-size:32px;color:var(--c-gold-bright)}.academy-completion-banner h2{margin:4px 0 5px;font-size:20px;color:#eee4d5}.academy-completion-banner p{margin:0;color:#948b80;font-size:12px;line-height:1.65}
.legacy-course-content{width:min(820px,92vw);margin:0 auto}
.academy-lesson-shell{padding-top:28px!important}.academy-lesson-layout{width:min(1180px,94vw);margin:0 auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.academy-curriculum-sidebar{position:sticky;top:18px;overflow:hidden;padding:0;max-height:calc(100vh - 36px);display:flex;flex-direction:column}.curriculum-side-head{padding:17px 17px 12px;border-bottom:1px solid rgba(229,199,141,.1)}.curriculum-side-head h2{margin:5px 0 12px;font-size:16px;color:#e9decf}.curriculum-side-head small{display:block;margin-top:7px;color:#81786e;font-size:10px}.curriculum-side-list{overflow:auto;padding:9px}.curriculum-side-list details{border-bottom:1px solid rgba(255,255,255,.035);padding-bottom:6px;margin-bottom:6px}.curriculum-side-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px;color:#cbbfad;font-weight:900;font-size:11.5px}.curriculum-side-list summary::-webkit-details-marker{display:none}.curriculum-side-list summary small{color:#6f675e;font-size:9.5px}.curriculum-side-list details>div{display:grid;gap:3px}.curriculum-side-list a{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;padding:8px 9px;border-radius:10px;color:#8f877d;font-size:10.5px;line-height:1.4}.curriculum-side-list a:hover,.curriculum-side-list a.active{background:rgba(229,199,141,.06);color:#e4d9c9}.curriculum-side-list a.completed i{color:#8ec9a8}.curriculum-side-list a.active{border:1px solid rgba(229,199,141,.11)}
.academy-lesson-main{padding:clamp(18px,3vw,30px);min-width:0}.lesson-type-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(229,199,141,.07);border:1px solid rgba(229,199,141,.12);color:#d1b585;font-size:10px;font-weight:900;margin-bottom:14px}.lesson-video{aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(229,199,141,.13);background:#080808}.lesson-video iframe{width:100%;height:100%;border:0}.lesson-video-direct{width:100%;max-height:620px;border-radius:18px;background:#080808;border:1px solid rgba(229,199,141,.13)}.lesson-pdf{height:min(70vh,720px);border-radius:18px;overflow:hidden;background:#0b0b0b;border:1px solid rgba(229,199,141,.13)}.lesson-pdf iframe{width:100%;height:100%;border:0}.lesson-download{display:inline-flex;margin-top:10px}.lesson-resource-card{display:flex;align-items:center;gap:13px;padding:16px;border-radius:16px;border:1px solid rgba(229,199,141,.13);background:linear-gradient(135deg,rgba(229,199,141,.045),rgba(255,255,255,.015));color:#d8cec0;margin-bottom:16px}.lesson-resource-card>i{font-size:25px;color:var(--c-gold-bright)}.lesson-resource-card b{display:block}.lesson-resource-card span{display:block;margin-top:3px;color:#837b71;font-size:10.5px;overflow-wrap:anywhere}.lesson-prose{margin-top:18px;padding:20px 4px;color:#c5baac;line-height:2;font-size:14px;white-space:normal;overflow-wrap:anywhere}.lesson-completion-box,.lesson-login-note{margin-top:20px;padding:14px 16px;border-radius:16px;border:1px solid rgba(229,199,141,.12);background:#131210;display:flex;justify-content:space-between;align-items:center;gap:14px}.lesson-completion-box>div,.lesson-login-note>div:first-of-type{display:flex;align-items:center;gap:11px}.lesson-completion-box>div>i,.lesson-login-note>i{font-size:22px;color:var(--c-gold)}.lesson-completion-box b,.lesson-login-note b{display:block;color:#ded3c4;font-size:12px}.lesson-completion-box span,.lesson-login-note span{display:block;color:#81786e;font-size:10.5px;margin-top:3px}.lesson-completion-box.completed{border-color:rgba(93,177,132,.18);background:rgba(43,91,66,.09)}.lesson-completion-box.completed>div>i{color:#8fd0aa}.lesson-nav{margin-top:18px;padding-top:16px;border-top:1px solid rgba(229,199,141,.08);display:flex;justify-content:space-between;gap:10px}.member-course-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.member-course-progress small{display:block;color:#7f776e;font-size:9.5px;margin-top:5px}
.certificate-page{padding-top:34px!important}.academy-certificate{position:relative;width:min(1040px,92vw);min-height:560px;margin:0 auto;padding:clamp(36px,6vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(229,199,141,.10),transparent 32%),linear-gradient(145deg,#181613,#0b0b0b);border:1px solid rgba(229,199,141,.30);box-shadow:0 30px 100px rgba(0,0,0,.38),inset 0 0 0 8px rgba(229,199,141,.025)}.certificate-mark{width:82px;height:82px;object-fit:contain;opacity:.92;margin-bottom:18px}.certificate-kicker{color:#b99b6c;font-size:10px;font-weight:900;letter-spacing:.2em}.academy-certificate h1{font-size:clamp(24px,3vw,38px);margin:10px 0 22px;color:#e7c98f}.certificate-lead,.academy-certificate>p{margin:5px 0;color:#a69a8a;line-height:1.8}.academy-certificate h2{font-size:clamp(27px,4vw,46px);margin:8px 0;color:#fff5e6}.academy-certificate h3{font-size:clamp(19px,2.5vw,28px);margin:8px 0 20px;color:#d5b981}.certificate-meta{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:14px}.certificate-meta div{display:grid;gap:4px}.certificate-meta span{font-size:9px;color:#756c60}.certificate-meta b{font-size:11px;color:#cfc1ae}.certificate-signature{margin-top:34px;padding-top:12px;border-top:1px solid rgba(229,199,141,.18);min-width:220px}.certificate-signature span{display:block;color:#dfc089;font-weight:900}.certificate-signature small{color:#6f665b;font-size:9px;letter-spacing:.12em}.certificate-corner{position:absolute;width:170px;height:170px;border:1px solid rgba(229,199,141,.13);border-radius:50%}.certificate-corner.top-right{right:-85px;top:-85px}.certificate-corner.bottom-left{left:-85px;bottom:-85px}.certificate-actions{width:min(1040px,92vw);margin:16px auto 0;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.certificate-verify-shell{padding-top:28px!important}.certificate-search{width:min(720px,92vw);margin:0 auto;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.certificate-search label{display:grid;gap:6px;color:#bdb1a2;font-size:11px;font-weight:900}.certificate-search input{width:100%;background:#0c0c0c;border:1px solid rgba(229,199,141,.14);border-radius:12px;padding:11px 12px;color:#fff}.certificate-verify-result{width:min(850px,92vw);margin:16px auto 0;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.verify-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:24px;background:rgba(80,161,117,.09);color:#91d5ae}.certificate-verify-result.revoked .verify-icon{background:rgba(168,72,72,.09);color:#e9a0a0}.certificate-verify-result h2{margin:5px 0 14px;color:#ebe1d3}.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.verify-grid>div{padding:10px;border-radius:12px;background:#111;border:1px solid rgba(255,255,255,.04)}.verify-grid span{display:block;color:#766e64;font-size:9.5px}.verify-grid b{display:block;margin-top:4px;color:#cfc4b6;font-size:11.5px}.certificate-invalid{width:min(720px,92vw);margin:16px auto}
@media(max-width:900px){.academy-lesson-layout{grid-template-columns:1fr}.academy-curriculum-sidebar{position:relative;top:auto;max-height:none}.curriculum-side-list{max-height:330px}.academy-completion-banner{grid-template-columns:auto minmax(0,1fr)}.academy-completion-banner .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.curriculum-module-head{grid-template-columns:auto minmax(0,1fr);padding:14px}.curriculum-module-head>small{grid-column:2}.curriculum-lesson{grid-template-columns:30px minmax(0,1fr) 18px;padding:11px 13px}.curriculum-lesson em{display:none}.academy-completion-banner{grid-template-columns:1fr;text-align:center}.academy-completion-banner>i{margin:auto}.academy-completion-banner .btn{justify-self:center}.lesson-completion-box,.lesson-login-note{align-items:stretch;flex-direction:column}.lesson-completion-box>div,.lesson-login-note>div:first-of-type{align-items:flex-start}.lesson-nav .btn{font-size:11px;padding:9px 11px}.lesson-pdf{height:520px}.academy-certificate{min-height:500px;padding:30px 18px}.certificate-search{grid-template-columns:1fr}.certificate-verify-result{grid-template-columns:1fr}.verify-grid{grid-template-columns:1fr}.verify-icon{margin:auto}.certificate-verify-result{text-align:center}}
@media print{body{background:#fff!important}.topbar,.back-to-top,.floating-action,.breadcrumb-wrap,.certificate-actions{display:none!important}#main-content{padding:0!important}.certificate-page{padding:0!important;background:#fff!important}.academy-certificate{width:100%!important;min-height:100vh!important;margin:0!important;border:2px solid #b5945e!important;box-shadow:none!important;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-footer{display:none!important}}
/* =========================================================
R9 — STUDENT EXPERIENCE
Personal dashboard, sessions, notifications and profile.
========================================================= */
.nav-account{position:relative}
.nav-unread-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--c-gold-bright);color:#15120d;font-size:10px;font-weight:900;box-shadow:0 0 0 3px rgba(229,199,141,.08)}
.student-dashboard-hero{padding-bottom:26px}
.student-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}
.notification-nav-btn{position:relative}
.notification-nav-btn>span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--c-gold-bright);color:#16120d;font-size:10px;font-weight:900;margin-inline-start:4px}
.student-dashboard-shell,.student-page-shell{padding-top:28px}
.student-dashboard-top{width:min(1180px,92vw);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:16px;align-items:stretch}
.student-profile-card{display:flex;flex-direction:column;gap:16px;padding:22px}
.student-profile-head{display:flex;align-items:center;gap:14px}
.student-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,rgba(229,199,141,.12),rgba(130,105,71,.04));border:1px solid rgba(229,199,141,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.22)}
.student-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.student-avatar i{font-size:30px;color:var(--c-gold-bright)}
.student-profile-head>div:last-child{min-width:0}
.student-profile-head span,.student-profile-meta span{display:block;color:var(--c-muted);font-size:12px}
.student-profile-head h2{margin:2px 0 3px;font-size:22px;color:var(--c-text)}
.student-profile-head small{color:#c8bca9;overflow-wrap:anywhere}
.student-profile-head small i{color:var(--c-gold)}
.student-profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.student-profile-meta>div{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.022);border:1px solid rgba(229,199,141,.09)}
.student-profile-meta b{display:block;margin-top:3px;color:var(--c-text);font-size:13px}
.student-profile-edit{border-top:1px solid rgba(229,199,141,.10);padding-top:10px}
.student-profile-edit summary{cursor:pointer;color:var(--c-gold-bright);font-size:13px;font-weight:800;list-style:none;display:flex;align-items:center;gap:7px}
.student-profile-edit summary::-webkit-details-marker{display:none}
.profile-edit-form{display:grid;gap:10px;margin-top:12px}
.profile-edit-form label{display:grid;gap:5px;color:var(--c-muted);font-size:12px}
.profile-edit-form input{width:100%;box-sizing:border-box;border:1px solid rgba(229,199,141,.14);background:#11110f;color:var(--c-text);border-radius:12px;padding:10px 12px;font-family:inherit}
.student-stat-grid{width:min(1180px,92vw);margin:16px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.student-stat-grid article{min-height:96px;padding:15px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.012));border:1px solid rgba(229,199,141,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.student-stat-grid i{color:var(--c-gold);font-size:18px}.student-stat-grid strong{font-size:22px;color:var(--c-gold-bright);line-height:1.2;margin:4px 0}.student-stat-grid span{font-size:11px;color:var(--c-muted)}
.student-dashboard-section{width:min(1180px,92vw);margin:34px auto 0}
.student-dashboard-section>.section-title{margin-bottom:16px}
.student-resume-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.student-resume-card{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.resume-card-head{display:flex;justify-content:space-between;align-items:center;color:var(--c-gold-bright)}
.resume-card-head i{font-size:26px}.resume-card-head span{font-weight:900;font-size:13px}
.student-resume-card h3{margin:0;font-size:18px;color:var(--c-text)}
.student-resume-card p{margin:0;display:grid;gap:3px;color:var(--c-muted)}
.student-resume-card p small{font-size:11px;color:var(--c-gold)}.student-resume-card p b{color:var(--c-text);font-size:14px}.student-resume-card p span{font-size:11px}
.student-resume-card .btn{margin-top:auto;align-self:flex-start}
.student-two-col{width:min(1180px,92vw);margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.student-two-col .student-dashboard-section{width:100%;margin:0;padding:20px;border-radius:20px;background:rgba(255,255,255,.018);border:1px solid rgba(229,199,141,.09)}
.student-mini-list{display:grid;gap:8px;margin-bottom:12px}
.student-mini-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(229,199,141,.08);color:inherit;text-decoration:none;transition:.22s ease}
.student-mini-item:hover{border-color:rgba(229,199,141,.22);transform:translateY(-1px);background:rgba(229,199,141,.035)}
.student-mini-item.unread{border-color:rgba(229,199,141,.18);background:rgba(229,199,141,.045)}
.mini-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(229,199,141,.08);color:var(--c-gold-bright)}
.student-mini-item div{min-width:0}.student-mini-item b{display:block;color:var(--c-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-mini-item small{display:block;color:var(--c-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.student-mini-item em{font-style:normal;color:var(--c-gold-bright);font-size:10px;border:1px solid rgba(229,199,141,.16);padding:4px 7px;border-radius:999px}
.student-empty-mini{padding:20px;text-align:center;color:var(--c-muted);border:1px dashed rgba(229,199,141,.10);border-radius:14px;margin-bottom:12px}
.student-certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.student-certificate-card{padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.student-certificate-card>i{font-size:28px;color:var(--c-gold-bright)}.student-certificate-card h3{font-size:14px;margin:0;color:var(--c-text)}.student-certificate-card p{font-size:11px;color:var(--c-gold);margin:3px 0}.student-certificate-card small{color:var(--c-muted);font-size:10px}
.student-achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.student-achievement-grid article{padding:15px;border-radius:17px;border:1px solid rgba(229,199,141,.10);background:linear-gradient(145deg,rgba(229,199,141,.035),rgba(255,255,255,.012));display:flex;gap:11px;align-items:flex-start}.student-achievement-grid i{font-size:20px;color:var(--c-gold-bright)}.student-achievement-grid b{display:block;color:var(--c-text);font-size:13px}.student-achievement-grid span{display:block;color:var(--c-muted);font-size:11px;line-height:1.6;margin-top:2px}
.student-page-toolbar{width:min(1100px,92vw);margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.notification-count-badge{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 11px;border-radius:999px;border:1px solid rgba(229,199,141,.18);background:rgba(229,199,141,.055);color:var(--c-gold-bright);font-size:12px;font-weight:800}
.student-notification-list{width:min(1000px,92vw);margin:0 auto;display:grid;gap:10px}
.student-notification-card{padding:18px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;opacity:.82}.student-notification-card.unread{opacity:1;border-color:rgba(229,199,141,.20);background:linear-gradient(145deg,rgba(229,199,141,.045),rgba(255,255,255,.014))}.notification-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(229,199,141,.075);color:var(--c-gold-bright);font-size:18px}.notification-copy{min-width:0}.notification-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.notification-heading h2{margin:0;color:var(--c-text);font-size:16px}.notification-heading time{color:var(--c-muted);font-size:10px;white-space:nowrap}.notification-copy p{color:#cfc4b5;line-height:1.8;font-size:13px;margin:8px 0}.notification-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notification-actions form{margin:0}.notification-actions .text-link{border:0;background:none;color:var(--c-gold);font-family:inherit;cursor:pointer;padding:0}
.academy-session-grid{width:min(1120px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.academy-session-card{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:270px}.academy-session-card.booked{border-color:rgba(229,199,141,.20);box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(229,199,141,.05)}.session-card-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.session-type,.session-access{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid rgba(229,199,141,.11);font-size:10px;color:var(--c-muted)}.session-type{color:var(--c-gold-bright);background:rgba(229,199,141,.045)}.academy-session-card h2{margin:0;color:var(--c-text);font-size:18px}.academy-session-card>p{margin:0;color:var(--c-muted);font-size:13px;line-height:1.75}.session-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.session-meta-grid>div{padding:10px;border-radius:13px;background:rgba(0,0,0,.17);border:1px solid rgba(229,199,141,.07)}.session-meta-grid span{display:block;color:var(--c-muted);font-size:10px}.session-meta-grid b{display:block;color:var(--c-text);font-size:12px;margin-top:2px}.session-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.session-card-actions form{margin:0}.session-card-actions .status{display:inline-flex;align-items:center;gap:5px}
@media(max-width:900px){.student-dashboard-top{grid-template-columns:1fr}.student-stat-grid{grid-template-columns:repeat(3,1fr)}.student-achievement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.student-resume-grid,.student-two-col,.student-certificate-grid,.academy-session-grid{grid-template-columns:1fr}.student-stat-grid{grid-template-columns:repeat(2,1fr)}.student-profile-meta,.session-meta-grid{grid-template-columns:1fr 1fr}.student-certificate-card{grid-template-columns:38px minmax(0,1fr)}.student-certificate-card .btn{grid-column:2;justify-self:start}.notification-heading{display:block}.notification-heading time{display:block;margin-top:4px}.student-notification-card{grid-template-columns:40px minmax(0,1fr)}.notification-icon{width:40px;height:40px;border-radius:12px}}
@media(max-width:480px){.student-stat-grid{grid-template-columns:1fr 1fr}.student-achievement-grid{grid-template-columns:1fr}.student-profile-head{align-items:flex-start}.student-avatar{width:64px;height:64px;border-radius:18px}.student-profile-meta{grid-template-columns:1fr}.student-mini-item{grid-template-columns:38px minmax(0,1fr)}.student-mini-item em{grid-column:2;justify-self:start}.session-meta-grid{grid-template-columns:1fr}.student-hero-actions .btn{width:100%;justify-content:center}}
/* =========================================================
R10 — ACADEMY ASSESSMENTS & EXAMS
========================================================= */
.quiz-shell{padding-top:42px}
.quiz-gate{width:min(780px,100%);margin-inline:auto;padding:34px;text-align:center;display:grid;justify-items:center;gap:12px}
.quiz-gate>i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:25px;color:var(--c-gold-bright);background:rgba(209,181,133,.08);border:1px solid rgba(209,181,133,.16)}
.quiz-gate h2,.quiz-gate p{margin:0}.quiz-gate p{color:var(--c-muted);max-width:620px;line-height:1.8}
.quiz-form{width:min(980px,100%);margin-inline:auto;display:grid;gap:18px}
.quiz-form-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.quiz-form-head h2,.quiz-form-head p{margin:0}.quiz-form-head p{color:var(--c-muted);margin-top:5px}
.quiz-best-score{min-width:108px;text-align:center;padding:12px 16px;border-radius:16px;background:rgba(209,181,133,.07);border:1px solid rgba(209,181,133,.14)}
.quiz-best-score span{display:block;font-size:12px;color:var(--c-muted)}.quiz-best-score strong{display:block;font-size:24px;color:var(--c-gold-bright);margin-top:3px}
.quiz-question-list{display:grid;gap:14px}.quiz-question{padding:22px 24px;border:0;margin:0}.quiz-question legend{float:none;width:100%;padding:0;margin:0 0 17px;display:flex;align-items:flex-start;gap:12px;font-weight:800;color:var(--c-text);line-height:1.65}.quiz-question legend>span{flex:0 0 31px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(209,181,133,.10);border:1px solid rgba(209,181,133,.16);color:var(--c-gold-bright);font-size:12px}
.quiz-options{display:grid;gap:9px}.quiz-options label{cursor:pointer;position:relative}.quiz-options input{position:absolute;opacity:0;pointer-events:none}.quiz-options label>span{display:block;padding:12px 15px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:#e8e0d5;transition:.22s ease}.quiz-options label:hover>span{border-color:rgba(209,181,133,.22);background:rgba(209,181,133,.045);transform:translateY(-1px)}.quiz-options input:checked+span{border-color:rgba(229,199,141,.54);background:linear-gradient(135deg,rgba(209,181,133,.13),rgba(130,105,71,.07));box-shadow:inset 3px 0 0 var(--c-gold-bright)}.quiz-options input:focus-visible+span{outline:2px solid rgba(229,199,141,.32);outline-offset:2px}
.quiz-submit-bar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-submit-bar b,.quiz-submit-bar span{display:block}.quiz-submit-bar span{color:var(--c-muted);font-size:12.5px;margin-top:3px}
.quiz-result-card{width:min(760px,100%);margin:0 auto 24px;padding:32px;text-align:center;display:grid;justify-items:center;gap:8px}.quiz-result-card .quiz-result-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:rgba(209,181,133,.08);border:1px solid rgba(209,181,133,.16);color:var(--c-gold-bright)}.quiz-result-card.passed{box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(229,199,141,.04)}.quiz-result-card.failed .quiz-result-icon{color:#d8a88f;background:rgba(185,99,75,.08);border-color:rgba(185,99,75,.18)}.quiz-result-card h2,.quiz-result-card p{margin:0}.quiz-result-card>strong{font-size:42px;line-height:1;color:var(--c-gold-bright);margin:8px 0}.quiz-result-card p{color:var(--c-muted)}
.quiz-review-list{width:min(900px,100%);margin:0 auto 28px;display:grid;gap:12px}.quiz-review-item{padding:18px 20px;border-right:3px solid rgba(209,181,133,.22)}.quiz-review-item.correct{border-right-color:#7bb88d}.quiz-review-item.wrong{border-right-color:#b96b5a}.quiz-review-head{display:flex;align-items:flex-start;gap:10px}.quiz-review-head>span{width:27px;height:27px;flex:0 0 27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:11px}.quiz-review-head h3{margin:0;flex:1;font-size:15px}.quiz-review-head>i{font-size:19px}.quiz-review-item.correct .quiz-review-head>i{color:#7bb88d}.quiz-review-item.wrong .quiz-review-head>i{color:#c57b68}.quiz-review-item p{margin:9px 0 0;color:var(--c-muted);font-size:13px}.quiz-explanation{margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(209,181,133,.055);color:#ded4c6;font-size:13px;line-height:1.7}.quiz-explanation i{color:var(--c-gold-bright);margin-left:7px}
.quiz-history{width:min(900px,100%);margin:34px auto 0}.public-data-table{width:100%;border-collapse:collapse}.public-data-table th,.public-data-table td{padding:12px 14px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06)}.public-data-table th{font-size:12px;color:var(--c-muted);font-weight:700}.public-data-table td{font-size:13px;color:#e5ddd1}.quiz-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.07)}.quiz-state.passed{color:#a9d8b5;background:rgba(91,151,107,.10);border-color:rgba(91,151,107,.18)}.quiz-state.failed{color:#e0aa99;background:rgba(185,99,75,.08);border-color:rgba(185,99,75,.17)}.quiz-state.locked{color:var(--c-muted);background:rgba(255,255,255,.025)}
.course-assessment-section{padding-top:48px}.course-assessment-grid{width:min(1080px,100%);margin-inline:auto;display:grid;gap:13px}.course-assessment-card{padding:19px 21px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.assessment-card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:20px;color:var(--c-gold-bright);background:rgba(209,181,133,.07);border:1px solid rgba(209,181,133,.15)}.course-assessment-card.passed .assessment-card-icon{color:#a9d8b5;border-color:rgba(91,151,107,.20);background:rgba(91,151,107,.08)}.assessment-card-kicker{display:flex;align-items:center;gap:8px;margin-bottom:4px}.assessment-card-kicker span,.assessment-card-kicker em{font-size:10.5px;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.assessment-card-kicker span{color:var(--c-gold)}.assessment-card-kicker em{color:#d6c6ae;padding:3px 7px;border-radius:999px;background:rgba(209,181,133,.055)}.assessment-card-main h3,.assessment-card-main p{margin:0}.assessment-card-main h3{font-size:17px}.assessment-card-main p{color:var(--c-muted);font-size:12.5px;margin-top:4px;line-height:1.65}.assessment-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.assessment-card-meta span{font-size:10.5px;color:#cfc3b2;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.assessment-card-action{display:grid;justify-items:end;gap:7px}
.lesson-assessments{margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.07)}.lesson-assessment-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lesson-assessment-title>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--c-gold-bright);background:rgba(209,181,133,.07)}.lesson-assessment-title b,.lesson-assessment-title span{display:block}.lesson-assessment-title span{font-size:11px;color:var(--c-muted)}.lesson-assessment-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);margin-top:8px}.lesson-assessment-item h3{margin:0;font-size:14px}.lesson-assessment-item small{display:block;color:var(--c-muted);font-size:10.5px;margin-top:2px}.lesson-assessment-item.passed{border-color:rgba(91,151,107,.16);background:rgba(91,151,107,.035)}
.academy-completion-banner.assessment-pending>i{color:var(--c-gold-bright)}
.student-assessment-list{display:grid;gap:10px}.student-assessment-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 16px}.student-assessment-item .mini-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c-gold-bright);background:rgba(209,181,133,.07)}.student-assessment-item small,.student-assessment-item span{display:block;color:var(--c-muted);font-size:10.5px}.student-assessment-item h3{margin:2px 0;font-size:14px}.student-assessment-item>strong{font-size:20px;color:var(--c-gold-bright)}.student-assessment-item>em{font-size:10.5px;font-style:normal;padding:5px 8px;border-radius:999px}.student-assessment-item.passed>em{color:#a9d8b5;background:rgba(91,151,107,.10)}.student-assessment-item.failed>em{color:#dba693;background:rgba(185,99,75,.08)}
@media(max-width:760px){.course-assessment-card{grid-template-columns:auto 1fr}.assessment-card-action{grid-column:1/-1;width:100%;justify-items:stretch}.assessment-card-action .btn{width:100%}.quiz-form-head,.quiz-submit-bar{align-items:flex-start;flex-direction:column}.quiz-submit-bar .btn{width:100%}.student-assessment-item{grid-template-columns:auto 1fr auto}.student-assessment-item>em{grid-column:2/4;justify-self:start}.quiz-question{padding:18px 16px}.quiz-result-card{padding:25px 17px}}
@media(max-width:520px){.course-assessment-card{grid-template-columns:1fr}.assessment-card-icon{width:42px;height:42px}.lesson-assessment-item{align-items:flex-start;flex-direction:column}.lesson-assessment-item .btn,.lesson-assessment-item .quiz-state{width:100%;justify-content:center}.quiz-form-head{padding:18px}.quiz-best-score{width:100%}.public-data-table th,.public-data-table td{padding:10px 8px}.student-assessment-item{grid-template-columns:auto 1fr}.student-assessment-item>strong{grid-column:2}.student-assessment-item>em{grid-column:2}}
/* =========================================================
R11 — SESSION ENGAGEMENT
========================================================= */
.session-reminder-chip{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:12px;padding:7px 10px;border:1px solid rgba(229,199,141,.18);border-radius:999px;background:rgba(209,181,133,.06);color:var(--c-gold-bright);font-size:12px;font-weight:700}
.session-history-section{margin-top:36px}
.session-history-list{display:grid;gap:14px}
.session-history-card{padding:20px;display:grid;gap:16px}
.session-history-main{display:flex;align-items:center;gap:13px}.session-history-main .mini-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(229,199,141,.16);background:rgba(209,181,133,.06);color:var(--c-gold-bright);font-size:18px}.session-history-main h3{margin:3px 0 7px;font-size:18px}.session-history-main small{color:var(--c-muted)}
.session-history-note{padding:14px 16px;border:1px solid rgba(229,199,141,.11);border-radius:14px;background:rgba(255,255,255,.018)}.session-history-note b{display:flex;align-items:center;gap:7px;color:var(--c-gold-bright);font-size:13px}.session-history-note p{margin:8px 0 0;color:#ddd4c7;line-height:1.8;font-size:13px}.session-history-note.homework{border-style:dashed;background:rgba(209,181,133,.035)}
@media(max-width:620px){.session-history-card{padding:15px}.session-history-main h3{font-size:16px}.session-history-note{padding:12px 13px}.session-history-note p{font-size:12.5px}}
/* =========================================================
R14 — PERFORMANCE / PRODUCTION POLISH
Conservative rendering optimizations only; no palette or
established typography/layout dimensions are changed.
========================================================= */
img{height:auto}
@supports(content-visibility:auto){
.home-paths,.home-why,.home-social-strip,.home-risk-strip,.analysis-card-grid,.course-grid,.trainee-grid{content-visibility:auto;contain-intrinsic-size:auto 520px}
}
@media(max-width:760px){
/* The fixed fractal-noise overlay is visually subtle but costs paint time on phones. */
body:before{display:none}
}
@media(prefers-reduced-motion:reduce){
[data-luxury-tilt]{transform:none!important}
.fx-surface:before,.home-featured:before,.home-slider-secondary:before{transition:none!important}
}
/* =========================================================
R14.1 — HOMEPAGE MARKETS MOTION + SPACING
Small visual hotfix: gives the markets heading breathing room
and turns market chips into a seamless continuous marquee.
========================================================= */
.home-market-label{gap:3px}
.home-market-label .eyebrow{margin:0 0 5px}
.home-market-marquee{
flex:1 1 auto;min-width:0;overflow:hidden;position:relative;z-index:1;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.home-market-track{
display:flex;width:max-content;direction:ltr;will-change:transform;
animation:r141MarketMarquee 24s linear infinite;
}
.home-market-group{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding-right:7px}
.home-market-group span{
display:inline-flex;align-items:center;gap:6px;white-space:nowrap;direction:rtl;
padding:7px 10px;border-radius:999px;border:1px solid rgba(229,199,141,.09);
background:rgba(255,255,255,.018);color:#d8d0c5;font-size:12px;font-weight:700;
transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.home-market-group span i{color:var(--c-gold);font-size:13px}
.home-market-group span:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.25);background:rgba(229,199,141,.045)}
.home-market-marquee:hover .home-market-track{animation-play-state:paused}
@keyframes r141MarketMarquee{to{transform:translate3d(-50%,0,0)}}
@media(max-width:700px){
.home-market-band{gap:15px}
.home-market-label .eyebrow{margin-bottom:6px}
.home-market-marquee{width:100%;margin-top:1px}
.home-market-group span{font-size:10.5px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){
.home-market-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
.home-market-marquee::-webkit-scrollbar{display:none}
.home-market-track{animation:none;transform:none}
.home-market-group[aria-hidden="true"]{display:none}
}
/* =========================================================
R14.2 — MARKET WORKSPACE / DYNAMIC INSTRUMENT REGISTRY
========================================================= */
.home-market-band{margin-bottom:18px}
.home-market-label .home-market-cta{
width:max-content;min-height:40px;margin-top:10px;padding:9px 14px;border:1px solid rgba(229,199,141,.28);border-radius:12px;
background:linear-gradient(135deg,rgba(229,199,141,.13),rgba(229,199,141,.045));color:var(--c-gold);font-size:12.5px;font-weight:900;
box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease
}
.home-market-label .home-market-cta:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.52);background:rgba(229,199,141,.12);color:var(--c-gold-bright)}
.home-market-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(229,199,141,.11);background:rgba(255,255,255,.02);color:#ddd3c5;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.home-market-chip i{color:var(--c-gold);font-size:13px}.home-market-chip img{width:18px;height:18px;object-fit:contain;border-radius:50%}
.home-market-chip:hover{transform:translateY(-2px);border-color:rgba(229,199,141,.31);background:rgba(229,199,141,.06);color:#fff}.home-market-global{border-color:rgba(229,199,141,.23);background:rgba(229,199,141,.055)}
.home-market-workspace{margin:0 auto 30px;padding:20px;border:1px solid rgba(229,199,141,.16);border-radius:22px;background:radial-gradient(circle at 88% 8%,rgba(229,199,141,.08),transparent 28%),linear-gradient(145deg,rgba(22,20,17,.96),rgba(11,11,11,.98));box-shadow:0 24px 65px rgba(0,0,0,.2);overflow:hidden}
.home-market-workspace-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:22px;align-items:end;padding-bottom:16px;border-bottom:1px solid rgba(229,199,141,.09)}
.home-market-workspace-head h2{margin:4px 0 6px;font-size:clamp(21px,2vw,28px);line-height:1.35}.home-market-workspace-head p{max-width:760px;margin:0;color:var(--c-muted);font-size:13px;line-height:1.8}
.market-workspace-select{display:grid;gap:7px}.market-workspace-select>span{color:#9d9386;font-size:11px;font-weight:800}.market-workspace-select select,.market-symbol-toolbar select{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(229,199,141,.2);border-radius:12px;background:#11100f;color:#f2e8d9;font:inherit;font-weight:800;outline:none}.market-workspace-select select:focus,.market-symbol-toolbar select:focus{border-color:rgba(229,199,141,.5);box-shadow:0 0 0 3px rgba(229,199,141,.06)}
.market-workspace-panels{padding-top:16px}.market-snapshot-panel{display:none}.market-snapshot-panel.active{display:block;animation:r142SnapshotIn .3s ease both}@keyframes r142SnapshotIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.market-snapshot-primary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.72fr) minmax(150px,.55fr);gap:12px;align-items:stretch}
.market-snapshot-symbol,.market-snapshot-price,.market-snapshot-direction{min-height:96px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.018);padding:14px 15px}
.market-snapshot-symbol{display:flex;align-items:center;gap:13px}.market-snapshot-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:15px;background:rgba(229,199,141,.07);border:1px solid rgba(229,199,141,.16);color:var(--c-gold);font-size:25px;overflow:hidden}.market-snapshot-icon img{width:100%;height:100%;object-fit:contain;padding:8px}.market-snapshot-symbol small,.market-snapshot-symbol p{display:block;margin:0;color:#8f867a;font-size:10.5px}.market-snapshot-symbol h3{margin:2px 0;font-size:22px;letter-spacing:.03em;direction:ltr;text-align:right;color:#fff}
.market-snapshot-price{display:flex;flex-direction:column;justify-content:center}.market-snapshot-price small,.market-snapshot-price span{color:#8f867a;font-size:10.5px}.market-snapshot-price strong{margin:4px 0;color:#fff;font-size:21px;direction:ltr;text-align:right}.market-snapshot-direction{display:flex;align-items:center;justify-content:center;gap:10px}.market-snapshot-direction>i{font-size:28px}.market-snapshot-direction span{display:grid}.market-snapshot-direction small{color:#8f867a;font-size:10px}.market-snapshot-direction b{font-size:17px}.market-snapshot-direction.buy{color:#8eddb7;border-color:rgba(61,189,127,.18);background:rgba(29,113,73,.09)}.market-snapshot-direction.sell{color:#ffaaa4;border-color:rgba(227,81,69,.18);background:rgba(125,40,34,.09)}.market-snapshot-direction.wait{color:var(--c-gold);border-color:rgba(229,199,141,.15)}
.market-snapshot-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:10px}.snapshot-level{position:relative;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#0e0e0e;overflow:hidden}.snapshot-level:before,.plan-cell:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:rgba(229,199,141,.32)}.snapshot-level>span,.snapshot-level>b,.snapshot-level>small{display:block}.snapshot-level>span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#9c917f}.snapshot-level>b{margin:6px 0 3px;font-size:14px;direction:ltr;text-align:right;white-space:normal;overflow-wrap:anywhere;color:#f2e8db}.snapshot-level>small{color:#756e66;font-size:9.5px}.snapshot-level.target:before{background:#4cb47e}.snapshot-level.stop:before{background:#d75d53}.snapshot-level.liquidity:before{background:#b889dc}.snapshot-level.resistance:before{background:#d78a53}.snapshot-level.support:before{background:#5b9ecf}
.market-snapshot-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.market-snapshot-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.market-snapshot-meta span{display:inline-flex;align-items:center;gap:6px;color:#8f867a;font-size:10.5px}.market-snapshot-meta i{color:var(--c-gold)}.market-analysis-open-btn{min-height:46px;padding-inline:20px;font-size:13px;white-space:nowrap}
.market-instrument-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.market-instrument-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 26px;gap:13px;align-items:start;padding:16px;color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.market-instrument-card:hover{transform:translateY(-3px);border-color:rgba(229,199,141,.28);background:rgba(229,199,141,.035)}.market-instrument-card-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:rgba(229,199,141,.07);border:1px solid rgba(229,199,141,.14);font-size:25px;color:var(--c-gold);overflow:hidden}.market-instrument-card-icon img{width:100%;height:100%;object-fit:contain;padding:8px}.market-instrument-group{display:flex;align-items:center;gap:5px;color:#8c8377;font-size:9.5px;font-weight:800}.market-instrument-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0}.market-instrument-title-row h3{margin:0;font-size:19px;direction:ltr}.market-mini-direction{font-size:9px;font-weight:900;padding:4px 7px;border-radius:999px;background:#222;color:#b9b0a4}.market-mini-direction.buy{background:rgba(41,138,89,.13);color:#91ddb8}.market-mini-direction.sell{background:rgba(160,55,47,.13);color:#ffaaa4}.market-mini-direction.wait{background:rgba(229,199,141,.08);color:var(--c-gold)}.market-instrument-card-main>b{font-size:12px;color:#d8cfc2}.market-instrument-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:10px 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.05)}.market-instrument-price small{color:#7f776e;font-size:9.5px}.market-instrument-price strong{direction:ltr;color:#fff;font-size:15px}.market-instrument-card p{margin:8px 0;color:#948a7e;font-size:11px;line-height:1.65}.market-instrument-meta{display:flex;gap:10px;flex-wrap:wrap;color:#746d65;font-size:9.5px}.market-instrument-meta span{display:inline-flex;align-items:center;gap:4px}.market-instrument-open{align-self:center;color:var(--c-gold)}
.market-symbol-hero-icon{width:66px;height:66px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(229,199,141,.18);border-radius:19px;background:rgba(229,199,141,.055);font-size:30px;color:var(--c-gold);overflow:hidden}.market-symbol-hero-icon img{width:100%;height:100%;object-fit:contain;padding:9px}.market-symbol-toolbar{width:min(760px,100%);margin:18px auto 0;display:grid;grid-template-columns:minmax(240px,1fr) minmax(230px,.85fr);gap:12px;align-items:stretch}.market-symbol-toolbar label{display:grid;gap:6px;text-align:right}.market-symbol-toolbar label>span{font-size:10.5px;color:#8f867a;font-weight:800}.market-live-price{display:grid;align-content:center;padding:11px 14px;border:1px solid rgba(229,199,141,.14);border-radius:13px;background:rgba(255,255,255,.018);text-align:right}.market-live-price small,.market-live-price span,.market-live-price em{color:#81796f;font-size:9.5px;font-style:normal}.market-live-price strong{margin:2px 0;direction:ltr;font-size:19px;color:#fff;text-align:right}
.market-plan-shell{padding:19px}.market-plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.market-plan-head h2{margin:4px 0 5px;font-size:clamp(20px,2vw,27px)}.market-plan-head p{margin:0;color:#92887c;font-size:12px;line-height:1.7}.market-direction-badge{min-width:135px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border:1px solid rgba(229,199,141,.15);border-radius:15px;color:var(--c-gold);background:rgba(229,199,141,.04)}.market-direction-badge>i{font-size:25px}.market-direction-badge span{display:grid}.market-direction-badge small{font-size:9.5px;color:#8b8277}.market-direction-badge b{font-size:16px}.market-direction-badge.buy{color:#8eddb7;border-color:rgba(61,189,127,.18);background:rgba(29,113,73,.08)}.market-direction-badge.sell{color:#ffaaa4;border-color:rgba(227,81,69,.18);background:rgba(125,40,34,.08)}
.market-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.plan-cell{position:relative;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#0e0e0e;overflow:hidden}.plan-cell small,.plan-cell b,.plan-cell span{display:block}.plan-cell small{font-size:9px;letter-spacing:.08em;color:#938979;font-weight:900}.plan-cell b{margin:5px 0 3px;direction:ltr;text-align:right;color:#f3e9db;font-size:15px;overflow-wrap:anywhere}.plan-cell span{font-size:9.5px;color:#766f67}.plan-cell.stop:before{background:#d75d53}.plan-cell.liquidity:before{background:#b889dc}.plan-cell.resistance:before{background:#d78a53}.plan-cell.support:before{background:#5b9ecf}.market-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.market-target-grid>div{padding:12px;border:1px solid rgba(64,184,118,.13);border-radius:13px;background:rgba(30,111,70,.055);text-align:center}.market-target-grid small,.market-target-grid b{display:block}.market-target-grid small{font-size:9.5px;color:#81b69a;font-weight:900}.market-target-grid b{margin-top:4px;color:#bde5cd;direction:ltr;font-size:14px}.market-plan-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#837b71;font-size:10.5px}.market-plan-meta span{display:inline-flex;gap:5px;align-items:center}.market-plan-meta i{color:var(--c-gold)}
.market-chart-shell{padding:16px}.market-chart-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.market-chart-head h2{margin:3px 0;font-size:22px}.market-chart-head p{margin:0;color:#817970;font-size:11px}.market-chart-symbol{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(229,199,141,.13);border-radius:999px;color:#a99c89;font-size:10px;direction:ltr}.market-chart-symbol i{color:var(--c-gold)}.market-chart-frame{height:clamp(390px,58vw,610px);border-radius:15px;overflow:hidden;background:#080808;border:1px solid rgba(255,255,255,.055)}.market-chart-frame iframe{display:block;width:100%;height:100%;border:0}.market-chart-empty{min-height:360px}
.market-map-layout{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:18px;align-items:center}.market-map-layout h2{margin:5px 0 7px;font-size:23px}.market-map-layout p{color:#8d8378;font-size:12px;line-height:1.75}.market-map-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.market-generated-map{display:block;padding:8px;overflow:hidden}.market-generated-map img{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:cover;border-radius:13px;background:#0a0a0a}.market-latest{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;align-items:center;padding:18px}.market-latest>img,.market-latest>.analysis-chart-placeholder{width:100%;min-height:250px;max-height:360px;object-fit:cover;border-radius:15px}.market-latest h2{font-size:23px;margin:7px 0}.market-latest p{color:#93897e;line-height:1.8;font-size:12px}.market-latest .btn{margin-top:12px}
@media(max-width:980px){.market-instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-snapshot-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.market-map-layout{grid-template-columns:1fr}.market-latest{grid-template-columns:1fr}.market-generated-map{order:2}}
@media(max-width:760px){.home-market-band{margin-bottom:15px}.home-market-label .home-market-cta{min-height:42px;font-size:12px;padding:9px 13px}.home-market-workspace{padding:15px;margin-bottom:23px;border-radius:18px}.home-market-workspace-head{grid-template-columns:1fr;gap:13px}.market-snapshot-primary{grid-template-columns:1fr 1fr}.market-snapshot-symbol{grid-column:1/-1}.market-snapshot-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.market-snapshot-footer{align-items:stretch;flex-direction:column}.market-analysis-open-btn{width:100%;justify-content:center}.market-symbol-toolbar{grid-template-columns:1fr}.market-plan-head,.market-chart-head{align-items:flex-start;flex-direction:column}.market-direction-badge{min-width:0;width:100%;justify-content:flex-start}.market-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-chart-frame{height:480px}}
@media(max-width:560px){.home-market-chip{font-size:10.5px;padding:6px 9px}.market-instrument-grid{grid-template-columns:1fr}.market-snapshot-primary{grid-template-columns:1fr}.market-snapshot-symbol{grid-column:auto}.market-snapshot-levels,.market-plan-grid{grid-template-columns:1fr 1fr}.market-snapshot-symbol h3{font-size:19px}.market-plan-shell{padding:14px}.market-chart-frame{height:430px}.market-latest h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.market-snapshot-panel.active{animation:none}.home-market-chip,.home-market-label .home-market-cta,.market-instrument-card{transition:none}}
/* R14.2 compatibility: R14.1 marquee items were spans; labels are now inside anchors. */
.home-market-group .home-market-chip>span{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;transition:none;transform:none!important}
.home-market-group .home-market-chip>span:hover{padding:0;border:0;background:transparent;color:inherit;transform:none}
/* =========================================================
R14.2.1 — MARKET WORKSPACE VISUAL ALIGNMENT HOTFIX
Aligns the snapshot with the established homepage content width,
tightens its hierarchy, and improves desktop/mobile rhythm.
========================================================= */
.home-market-workspace{
width:min(1220px,calc(100% - 28px));box-sizing:border-box;
margin:0 auto 30px;padding:18px;
}
.home-market-workspace-head{
grid-template-columns:minmax(0,1fr) minmax(250px,300px);
gap:18px;align-items:center;padding:0 2px 15px;
}
.home-market-workspace-head>div{min-width:0}
.home-market-workspace-head .eyebrow{margin-bottom:3px}
.home-market-workspace-head h2{margin:2px 0 5px;font-size:clamp(20px,1.8vw,26px)}
.home-market-workspace-head p{max-width:680px;font-size:12px;line-height:1.7}
.market-workspace-select{padding:11px 12px;border:1px solid rgba(229,199,141,.09);border-radius:15px;background:rgba(255,255,255,.014)}
.market-workspace-select>span{padding-inline:2px}
.market-workspace-select select{min-height:44px}
.market-workspace-panels{padding-top:14px}
.market-snapshot-primary{grid-template-columns:minmax(260px,1.18fr) minmax(190px,.78fr) minmax(160px,.62fr);gap:10px}
.market-snapshot-symbol,.market-snapshot-price,.market-snapshot-direction{min-height:88px;padding:12px 14px;border-radius:15px}
.market-snapshot-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:23px}
.market-snapshot-symbol h3{font-size:21px}
.market-snapshot-price strong{font-size:20px}
.market-snapshot-direction>i{font-size:25px}
.market-snapshot-direction b{font-size:16px}
.market-snapshot-levels{gap:8px;margin-top:9px}
.snapshot-level{min-height:82px;padding:11px 12px;border-radius:13px}
.snapshot-level>b{margin:5px 0 2px;font-size:13.5px}
.market-snapshot-footer{margin-top:13px;padding-top:13px;border-top:1px solid rgba(229,199,141,.075)}
.market-analysis-open-btn{min-height:48px;padding-inline:22px;border-radius:13px;font-size:13.5px}
@media(max-width:980px){
.home-market-workspace{width:min(920px,calc(100% - 24px));padding:16px}
.home-market-workspace-head{grid-template-columns:minmax(0,1fr) minmax(230px,280px)}
.market-snapshot-primary{grid-template-columns:1fr 1fr}
.market-snapshot-symbol{grid-column:1/-1}
}
@media(max-width:760px){
.home-market-workspace{width:calc(100% - 20px);padding:14px;margin-bottom:24px}
.home-market-workspace-head{grid-template-columns:1fr;gap:12px;padding-bottom:13px}
.market-workspace-select{padding:10px}
.market-snapshot-primary{grid-template-columns:1fr 1fr}
.market-snapshot-symbol{grid-column:1/-1}
.market-snapshot-footer{padding-top:12px}
}
@media(max-width:520px){
.home-market-workspace{width:calc(100% - 16px);padding:12px;border-radius:17px}
.market-snapshot-primary{grid-template-columns:1fr}
.market-snapshot-symbol{grid-column:auto}
.market-snapshot-levels{grid-template-columns:1fr 1fr}
.snapshot-level{min-height:78px}
}
/* =========================================================
R14.2.2 — FINAL STATIC MARKETS STRIP
Removes the English kicker and keeps the instrument row static.
Order remains: Global Markets, then admin-managed home instruments
(XAUUSD and BTCUSD are seeded first by R14.2).
========================================================= */
.home-market-label{gap:7px}
.home-market-label>b{font-size:15px;line-height:1.45}
.home-market-marquee.home-market-static{
overflow:visible;
-webkit-mask-image:none;
mask-image:none;
}
.home-market-static .home-market-track{
display:flex;
width:auto;
direction:ltr;
animation:none!important;
transform:none!important;
will-change:auto;
}
.home-market-static .home-market-group{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
gap:8px;
padding:0;
}
.home-market-static:hover .home-market-track{animation-play-state:running}
@media(max-width:700px){
.home-market-marquee.home-market-static{width:100%;margin-top:2px;overflow:visible}
.home-market-static .home-market-group{gap:8px}
}
/* R14.3 — Analysis & Forecast presentation + printable academy certificate */
.market-forecast-note{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 12px;border:1px solid rgba(229,199,141,.12);border-radius:12px;background:rgba(229,199,141,.035);color:#9f9588;font-size:11px;line-height:1.75}.market-forecast-note i{color:var(--c-gold);font-size:14px;margin-top:2px;flex:0 0 auto}.market-snapshot-panel .market-forecast-note{margin-top:9px}.market-plan-shell .market-forecast-note{margin-top:12px}
.certificate-r143{direction:rtl;width:min(1120px,94vw);min-height:690px;padding:46px 64px 38px;background:radial-gradient(circle at 50% 18%,rgba(185,148,83,.10),transparent 30%),linear-gradient(145deg,#fffdf8,#f5efe3);border:2px solid #b99558;box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 0 0 8px #fffdf8,inset 0 0 0 9px rgba(132,101,48,.35);color:#1c1813;justify-content:flex-start}.certificate-r143 .certificate-frame-line{position:absolute;inset:18px;border:1px solid rgba(142,107,50,.32);pointer-events:none}.certificate-r143 .certificate-corner{border-color:rgba(171,131,63,.18);width:210px;height:210px}.certificate-r143 .certificate-brand-row{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:16px}.certificate-r143 .certificate-mark{width:68px;height:68px;margin:0;filter:none}.certificate-r143 .certificate-brand-row>div{display:grid;text-align:right}.certificate-r143 .certificate-kicker{font-size:11px;letter-spacing:.15em;color:#8f6f38}.certificate-r143 .certificate-brand-row small{color:#5e5549;font-size:11px;margin-top:2px}.certificate-title-block{text-align:center}.certificate-title-block>span{display:block;color:#8f6f38;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.09em;text-transform:uppercase}.certificate-r143 h1{margin:7px 0 8px;color:#1f1a14;font-size:clamp(25px,3vw,38px);font-weight:900}.certificate-title-block p,.certificate-course-lead{color:#6b6257!important;font-size:13px!important;margin:6px 0!important}.certificate-r143 h2{margin:10px 0 5px;color:#8b672f;font-size:clamp(28px,4vw,46px);font-weight:900;border-bottom:1px solid rgba(145,109,50,.28);padding:0 28px 7px}.certificate-r143 h3{margin:8px 0 14px;color:#211b14;font-size:clamp(19px,2.4vw,28px);font-weight:800}.certificate-r143 .certificate-meta{display:grid;grid-template-columns:1fr 1fr;width:min(640px,100%);gap:10px;margin:10px auto 0}.certificate-r143 .certificate-meta>div{padding:10px 12px;border:1px solid rgba(137,103,47,.20);background:rgba(255,255,255,.55);border-radius:10px}.certificate-r143 .certificate-meta span{color:#766b5e;font-size:9px}.certificate-r143 .certificate-meta b{color:#332a20;font-size:11px;overflow-wrap:anywhere}.certificate-verification-line{display:flex;align-items:center;justify-content:center;gap:9px;width:min(760px,100%);margin:10px auto 0;padding:9px 12px;border-radius:10px;background:#efe6d5;border:1px solid rgba(137,103,47,.18)}.certificate-verification-line>i{color:#9a7438;font-size:18px}.certificate-verification-line>div{min-width:0}.certificate-verification-line span,.certificate-verification-line b{display:block}.certificate-verification-line span{font-size:9px;color:#75695a}.certificate-verification-line b{font-size:9.5px;color:#3c342a;direction:ltr;text-align:center;overflow-wrap:anywhere}.certificate-bottom-row{width:min(760px,100%);margin:24px auto 0;display:grid;grid-template-columns:1fr 150px;gap:36px;align-items:end}.certificate-signature-r143{margin:0;padding:0;border:0;min-width:0;text-align:center}.certificate-signature-r143 img{display:block;max-width:170px;max-height:60px;object-fit:contain;margin:0 auto -3px}.certificate-signature-line{display:block;width:220px;max-width:100%;margin:0 auto 7px;border-top:1px solid #80633a}.certificate-signature-r143 b{display:block;color:#211b14;font-size:14px}.certificate-signature-r143 small{display:block;color:#766b5e;font-size:9px;letter-spacing:0;margin-top:3px}.certificate-seal-wrap{display:grid;place-items:center}.certificate-real-seal{width:118px;height:118px;object-fit:contain}.certificate-visual-seal{width:118px;height:118px;border:2px solid #98733b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8e6932;transform:rotate(-7deg);box-shadow:inset 0 0 0 4px #f7f1e5,inset 0 0 0 5px rgba(152,115,59,.45)}.certificate-visual-seal span{font-size:9px;letter-spacing:.14em}.certificate-visual-seal b{font-size:16px;line-height:1.05}.certificate-visual-seal small{font-size:8px;letter-spacing:.13em}.certificate-visual-seal i{font-size:7px;font-style:normal;margin-top:5px;border-top:1px solid currentColor;padding-top:3px}.certificate-footnote{margin-top:17px;color:#766d62;font-size:8.5px;text-align:center}.certificate-preview-body{margin:0;background:#111;font-family:"Tajawal",system-ui,Arial,sans-serif}.certificate-preview-shell{padding:18px}.certificate-preview-toolbar{width:min(1120px,94vw);margin:0 auto 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#eee}.certificate-preview-toolbar>div{text-align:center}.certificate-preview-toolbar b,.certificate-preview-toolbar small{display:block}.certificate-preview-toolbar small{margin-top:2px;color:#8e877d;font-size:10px}
@media(max-width:760px){.certificate-r143{min-height:0;padding:34px 22px 28px}.certificate-r143 .certificate-meta{grid-template-columns:1fr}.certificate-bottom-row{grid-template-columns:1fr;gap:18px}.certificate-preview-toolbar{grid-template-columns:1fr}.certificate-preview-toolbar .btn{justify-content:center}.certificate-visual-seal,.certificate-real-seal{width:100px;height:100px}}
@media print{@page{size:A4 landscape;margin:7mm}html,body{background:#fff!important}.certificate-preview-toolbar,.topbar,.back-to-top,.floating-action,.breadcrumb-wrap,.certificate-actions,.site-footer{display:none!important}.certificate-preview-shell,#main-content,.certificate-page{padding:0!important;margin:0!important;background:#fff!important}.certificate-r143{width:100%!important;height:190mm!important;min-height:190mm!important;max-height:190mm!important;margin:0!important;padding:11mm 16mm 8mm!important;border:2px solid #9b773f!important;box-shadow:inset 0 0 0 2mm #fffdf8,inset 0 0 0 2.25mm rgba(132,101,48,.35)!important;overflow:hidden!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}.certificate-r143 .certificate-mark{width:17mm;height:17mm}.certificate-r143 h1{font-size:25pt}.certificate-r143 h2{font-size:30pt}.certificate-r143 h3{font-size:18pt}.certificate-bottom-row{margin-top:6mm}.certificate-footnote{margin-top:4mm}}
/* R14.3.1 primary sections + contact grouping */
.primary-six-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-sections-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-section-card h2{font-size:1.35rem}.contact-follow-block{margin-top:28px;padding-top:22px;border-top:1px solid rgba(209,181,133,.18)}.contact-follow-block h3{margin:0 0 6px}@media(max-width:1100px){.primary-six-paths{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.primary-six-paths,.primary-sections-catalog{grid-template-columns:1fr 1fr}}@media(max-width:560px){.primary-six-paths,.primary-sections-catalog{grid-template-columns:1fr}}
/* R14.3.4 — Homepage path separation: service paths vs about/contact info. */
.home-path-grid.primary-service-paths{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-path-grid.home-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.home-info-links{margin-top:18px}
.home-info-card{min-height:220px}
@media(max-width:900px){
.home-path-grid.primary-service-paths,.home-path-grid.home-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.primary-service-paths .home-path-card:last-child,.home-info-grid .home-path-card:last-child{grid-column:auto}
}
@media(max-width:700px){
.home-path-grid.primary-service-paths,.home-path-grid.home-info-grid{grid-template-columns:1fr}
}
/* R14.3.4 — Certificate transparent mark + automatic QR verification + test certificate. */
.certificate-r1434 .certificate-mark-transparent{background:transparent!important;border:0!important;box-shadow:none!important;mix-blend-mode:multiply;object-fit:contain}
.certificate-r1434 .certificate-verification-area{width:min(780px,100%);margin:10px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:center}
.certificate-r1434 .certificate-verification-line{width:100%;margin:0;min-height:92px;text-align:right;justify-content:flex-start}
.certificate-r1434 .certificate-verification-line>div{width:100%}
.certificate-r1434 .certificate-verification-line small{display:block;margin-top:4px;color:#8a7d6c;font-size:8px}
.certificate-qr-card{padding:7px;border:1px solid rgba(137,103,47,.25);background:#fff;border-radius:12px;display:grid;place-items:center;box-shadow:0 4px 15px rgba(62,44,17,.06)}
.certificate-qr{display:block;width:92px;height:92px;object-fit:contain;background:#fff}
.certificate-qr-card>span{margin-top:4px;color:#6d532d;font-size:7.5px;font-weight:900;letter-spacing:.08em}
.certificate-qr-card>small{color:#827767;font-size:7px;margin-top:1px}
.certificate-test-ribbon{position:absolute;top:22px;left:26px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(142,107,50,.35);border-radius:999px;color:#795b2b;background:rgba(255,250,240,.88);font-size:8px;font-weight:900;letter-spacing:.05em}
.certificate-test-preview .certificate-footnote{color:#8a6530;font-weight:700}
.certificate-verify-result.test .verify-icon{background:rgba(185,148,83,.10);color:#bd9657}
.verify-test-note{margin:0 0 13px;color:#948879;font-size:11px;line-height:1.7}
@media(max-width:760px){.certificate-r1434 .certificate-verification-area{grid-template-columns:1fr}.certificate-qr-card{width:120px;justify-self:center}.certificate-test-ribbon{position:static;margin-bottom:10px}.certificate-r1434 .certificate-verification-line{text-align:center;justify-content:center}}
@media print{.certificate-r1434 .certificate-verification-area{grid-template-columns:minmax(0,1fr) 27mm;gap:3mm;margin-top:2mm}.certificate-r1434 .certificate-verification-line{min-height:24mm;padding:2mm 3mm}.certificate-r1434 .certificate-qr-card{padding:1.5mm;border-radius:2mm}.certificate-r1434 .certificate-qr{width:22mm;height:22mm}.certificate-r1434 .certificate-bottom-row{margin-top:3mm}.certificate-r1434 .certificate-footnote{margin-top:2.5mm}.certificate-test-ribbon{top:5mm;left:7mm}}
/* R14.3.5 — Premium academic certificate redesign */
.certificate-r1435{position:relative;overflow:hidden;width:min(1180px,96vw);min-height:735px;padding:42px 58px 30px;background:
linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.93)),
repeating-linear-gradient(0deg,rgba(159,120,49,.018) 0,rgba(159,120,49,.018) 1px,transparent 1px,transparent 5px),
#fbf8f1;border:1px solid #a77b35;box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 0 0 7px #fbf8f1,inset 0 0 0 9px #c8a463,inset 0 0 0 13px #fbf8f1,inset 0 0 0 14px rgba(72,53,25,.5);color:#1c1813}
.certificate-r1435::before,.certificate-r1435::after{content:"";position:absolute;pointer-events:none;z-index:0}.certificate-r1435::before{inset:22px;border:1px solid rgba(161,120,52,.38)}.certificate-r1435::after{inset:30px;border:1px solid rgba(161,120,52,.14)}
.certificate-r1435 .certificate-frame-line{inset:18px;border:0}.certificate-r1435-ornament{position:absolute;width:170px;height:170px;border:1px solid rgba(171,130,59,.16);transform:rotate(45deg);z-index:0}.certificate-r1435-ornament::after{content:"";position:absolute;inset:14px;border:1px solid rgba(171,130,59,.12)}.certificate-r1435-ornament.ornament-a{top:-105px;right:-105px}.certificate-r1435-ornament.ornament-b{bottom:-105px;left:-105px}
.certificate-watermark{position:absolute;left:50%;top:48%;width:355px;height:355px;object-fit:contain;transform:translate(-50%,-50%);opacity:.027;filter:grayscale(1);pointer-events:none;z-index:0}
.certificate-r1435-header,.certificate-r1435-main,.certificate-accreditation-grid,.certificate-r1435 .certificate-footnote{position:relative;z-index:2}
.certificate-r1435-header{display:grid;grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr);gap:20px;align-items:center;margin:0 auto 14px;max-width:910px}.certificate-brand-rule{height:1px;background:linear-gradient(90deg,transparent,#b58a47 22%,#b58a47 78%,transparent)}.certificate-r1435 .certificate-brand-row{margin:0;gap:12px}.certificate-r1435 .certificate-mark{width:66px;height:66px}.certificate-brand-copy{display:grid;text-align:right}.certificate-r1435 .certificate-kicker{font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:700;letter-spacing:.18em;color:#815d27}.certificate-r1435 .certificate-brand-copy small{font-size:11px;color:#554c41;margin-top:3px;font-weight:700}
.certificate-r1435-main{text-align:center;max-width:900px;margin:0 auto}.certificate-r1435 .certificate-title-block>span{font-size:12px;letter-spacing:.22em;color:#9a7438;font-weight:700}.certificate-r1435 h1{margin:5px 0 7px;font-family:"Tajawal",system-ui,sans-serif;font-size:clamp(28px,3.4vw,43px);font-weight:900;color:#191510;letter-spacing:-.03em}.certificate-r1435 .certificate-title-block p{margin:3px 0 5px!important;font-size:13px!important;color:#6d6255!important}
.certificate-recipient-wrap{display:grid;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);gap:18px;align-items:center;margin:8px auto 2px;max-width:870px}.certificate-recipient-wrap>span{height:1px;background:linear-gradient(90deg,transparent,#ba9251)}.certificate-recipient-wrap>span:last-child{background:linear-gradient(90deg,#ba9251,transparent)}.certificate-r1435 h2{margin:0;padding:4px 18px 7px;border:0;font-family:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif;font-size:clamp(34px,4.9vw,58px);font-weight:700;line-height:1.25;color:#9a6f2f;text-shadow:0 1px 0 #fff;white-space:normal}.certificate-r1435 .certificate-course-lead{margin:4px 0 8px!important;color:#61574b!important;font-size:12px!important}
.certificate-course-panel{display:inline-block;min-width:min(640px,88%);max-width:88%;padding:8px 26px 9px;border-top:1px solid rgba(164,122,52,.25);border-bottom:1px solid rgba(164,122,52,.25);background:linear-gradient(90deg,transparent,rgba(190,153,86,.08),transparent)}.certificate-course-panel small{display:block;font-family:Georgia,"Times New Roman",serif;font-size:8px;letter-spacing:.2em;color:#96713b}.certificate-r1435 .certificate-course-panel h3{margin:2px 0 0;font-size:clamp(20px,2.5vw,29px);font-weight:800;color:#272019}
.certificate-meta-r1435{display:grid!important;grid-template-columns:1fr 1fr!important;max-width:610px!important;margin:12px auto 0!important;gap:0!important;border:1px solid rgba(146,106,43,.2)!important;border-radius:0!important;background:rgba(255,255,255,.45)}.certificate-meta-r1435>div{padding:8px 14px!important;border:0!important;border-radius:0!important;background:transparent!important}.certificate-meta-r1435>div+div{border-right:1px solid rgba(146,106,43,.2)!important}.certificate-meta-r1435 span{display:block;font-size:8px!important;letter-spacing:.03em;color:#807361!important}.certificate-meta-r1435 b{display:block;margin-top:2px;font-family:Georgia,"Times New Roman",serif;font-size:11px!important;color:#30271f!important}
.certificate-accreditation-grid{display:grid;grid-template-columns:160px minmax(270px,1fr) 160px;gap:34px;align-items:end;max-width:850px;margin:18px auto 0;padding-top:14px;border-top:1px solid rgba(154,112,48,.18)}.certificate-auth-block{min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.certificate-auth-block>b{font-size:10px;color:#30281f;margin-top:5px}.certificate-auth-block>small{font-size:7.5px;color:#837666;margin-top:2px}.certificate-auth-qr{justify-content:flex-start}.certificate-qr-card-r1435{padding:4px!important;border:1px solid rgba(137,103,47,.24)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important}.certificate-qr-card-r1435 .certificate-qr{width:88px;height:88px}.certificate-auth-qr .certificate-qr-card>span,.certificate-auth-qr .certificate-qr-card>small{display:none!important}
.certificate-signature-r1435{border:0!important;padding:0!important;margin:0!important;min-height:132px;justify-content:flex-end}.certificate-uploaded-signature{display:block;max-width:210px;max-height:72px;object-fit:contain;margin:0 auto -8px}.certificate-digital-signature{width:255px;height:76px;margin:0 auto -7px;position:relative}.certificate-digital-signature svg{width:100%;height:100%;overflow:visible}.certificate-digital-signature .sig-stroke{fill:none;stroke:#26201b;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;opacity:.87}.certificate-digital-signature .sig-two{stroke-width:1.3;opacity:.68}.certificate-digital-signature .sig-dot{fill:#9c7336}.certificate-digital-signature .sig-name{font-family:"Noto Nastaliq Urdu","Amiri","Traditional Arabic",serif;font-size:24px;font-style:italic;font-weight:700;fill:#2b241d;opacity:.92}.certificate-signature-r1435 .certificate-signature-line{width:245px;margin:0 auto 4px;border-top:1px solid #8c6937}.certificate-signature-r1435>b{font-size:12px!important;margin:0!important;color:#201a15}.certificate-signature-r1435>small{font-size:8px!important;margin-top:1px!important;color:#74695c}.certificate-signature-r1435>em{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:6.7px;color:#9a7c4c;font-style:normal;letter-spacing:.04em;margin-top:3px}
.certificate-seal-r1435{justify-content:flex-start}.certificate-r1435 .certificate-visual-seal,.certificate-r1435 .certificate-real-seal{width:96px;height:96px}.certificate-r1435 .certificate-visual-seal{border:2px solid #9d783d;box-shadow:inset 0 0 0 3px #fbf8f1,inset 0 0 0 4px rgba(157,120,61,.55);background:rgba(250,246,237,.72)}.certificate-r1435 .certificate-visual-seal span{font-size:7px}.certificate-r1435 .certificate-visual-seal b{font-size:14px}.certificate-r1435 .certificate-visual-seal small{font-size:6.5px}.certificate-r1435 .certificate-visual-seal i{font-size:5.8px;margin-top:4px}.certificate-seal-r1435>b{margin-top:5px!important;font-family:Georgia,"Times New Roman",serif;font-size:9px!important;letter-spacing:.05em}.certificate-r1435 .certificate-footnote{margin-top:9px;font-size:7px;color:#85796a;text-align:center;letter-spacing:.01em}.certificate-r1435 .certificate-test-ribbon{top:27px;left:34px;z-index:4;background:rgba(255,253,247,.94)}
@media(max-width:760px){.certificate-r1435{padding:36px 20px 24px}.certificate-r1435-header{grid-template-columns:1fr;gap:6px}.certificate-brand-rule{display:none}.certificate-recipient-wrap{grid-template-columns:20px auto 20px;gap:8px}.certificate-course-panel{min-width:100%;max-width:100%;padding-inline:10px}.certificate-meta-r1435{grid-template-columns:1fr!important}.certificate-meta-r1435>div+div{border-right:0!important;border-top:1px solid rgba(146,106,43,.2)!important}.certificate-accreditation-grid{grid-template-columns:1fr;gap:14px}.certificate-auth-block{min-height:auto}.certificate-signature-r1435{min-height:116px}.certificate-r1435 .certificate-test-ribbon{position:static;margin:0 auto 8px;width:max-content}}
@media print{@page{size:A4 landscape;margin:6mm}.certificate-r1435{width:100%!important;height:198mm!important;min-height:198mm!important;max-height:198mm!important;padding:9mm 14mm 6mm!important;border:1px solid #9d7435!important;box-shadow:inset 0 0 0 1.5mm #fbf8f1,inset 0 0 0 1.9mm #c8a463,inset 0 0 0 2.8mm #fbf8f1,inset 0 0 0 3mm rgba(72,53,25,.5)!important}.certificate-r1435::before{inset:6mm}.certificate-r1435::after{inset:8mm}.certificate-r1435-header{margin-bottom:2.5mm}.certificate-r1435 .certificate-mark{width:15mm;height:15mm}.certificate-r1435 .certificate-kicker{font-size:8.5pt}.certificate-r1435 .certificate-brand-copy small{font-size:7.5pt}.certificate-r1435 .certificate-title-block>span{font-size:7pt}.certificate-r1435 h1{font-size:24pt;margin:1mm 0}.certificate-r1435 h2{font-size:32pt;padding-block:1mm}.certificate-r1435 .certificate-course-lead{font-size:8pt!important;margin:1mm 0!important}.certificate-r1435 .certificate-course-panel h3{font-size:16pt}.certificate-meta-r1435{margin-top:2.5mm!important}.certificate-meta-r1435>div{padding:1.5mm 3mm!important}.certificate-accreditation-grid{grid-template-columns:34mm 1fr 34mm;gap:8mm;margin-top:3.5mm;padding-top:3mm}.certificate-qr-card-r1435 .certificate-qr{width:22mm;height:22mm}.certificate-digital-signature{width:58mm;height:18mm}.certificate-signature-r1435 .certificate-signature-line{width:55mm}.certificate-r1435 .certificate-visual-seal,.certificate-r1435 .certificate-real-seal{width:24mm;height:24mm}.certificate-r1435 .certificate-footnote{margin-top:1.5mm;font-size:5.5pt}.certificate-watermark{width:82mm;height:82mm}.certificate-r1435 .certificate-test-ribbon{top:7mm;left:9mm}}
/* =========================================================
R14.3.7 — VISUAL REGRESSION REPAIR + TRUE A4 CERTIFICATE
========================================================= */
/* Homepage: keep Markets + Forecast as one semantic/visual card without
stacking the old market band inside an additional wrapper. */
.home-market-suite{margin-top:18px;margin-bottom:30px;overflow:hidden}
.home-market-suite-head{display:block;padding:0 2px 14px;border-bottom:1px solid rgba(229,199,141,.09)}
.home-market-suite-head>div{min-width:0}.home-market-suite-head h2{margin:0 0 6px;font-size:clamp(21px,2vw,28px);line-height:1.35}.home-market-suite-head p{max-width:820px;margin:0;color:var(--c-muted);font-size:12.5px;line-height:1.8}
.home-market-suite-strip{margin-top:13px;padding:9px 10px;border:1px solid rgba(229,199,141,.08);border-radius:14px;background:rgba(255,255,255,.012)}
.home-market-suite-strip .home-market-marquee{width:100%;margin:0;overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.home-market-suite-strip .home-market-marquee::-webkit-scrollbar{display:none}.home-market-suite-strip .home-market-track{animation:none!important;transform:none!important;width:max-content}.home-market-suite-strip .home-market-group{padding:0}
.home-market-suite-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,300px);gap:18px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(229,199,141,.075)}
.home-market-suite-controls .market-summary-label{display:inline-flex;align-items:center;gap:8px;color:#eee4d6;font-size:14px;font-weight:900}.home-market-suite-controls .market-summary-label i{color:var(--c-gold)}
.home-market-suite-controls .market-workspace-select{padding:9px 10px;border-radius:13px}.home-market-suite .market-workspace-panels{padding-top:12px}
.home-path-grid.primary-service-paths{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}
@media(max-width:900px){.home-market-suite-controls{grid-template-columns:1fr}.home-path-grid.primary-service-paths{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-market-suite{margin-top:15px}.home-market-suite-head{padding-bottom:12px}.home-market-suite-strip{margin-top:10px}.home-market-suite-controls{gap:10px;margin-top:10px;padding-top:10px}.home-path-grid.primary-service-paths{grid-template-columns:1fr}.primary-service-paths .home-path-card:last-child{grid-column:auto;max-width:none;width:auto}}
/* Certificate: true A4-landscape proportions on screen and exact A4 page on print. */
.certificate-page{padding:28px 16px 38px!important;overflow-x:auto}.certificate-preview-shell{padding:18px 16px 28px;overflow-x:auto}.certificate-actions{width:min(1120px,calc(100% - 16px));margin:18px auto 0}
.certificate-r1437{box-sizing:border-box;width:clamp(1120px,calc(100vw - 48px),1400px)!important;aspect-ratio:297/210!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:46px 66px 32px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;align-items:start!important;justify-content:stretch!important;font-family:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif!important;background:radial-gradient(circle at 50% 42%,rgba(185,145,74,.08),transparent 33%),linear-gradient(140deg,#fffefb 0%,#faf6ed 48%,#f3eadb 100%)!important;border:1px solid #aa8243!important;box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 0 0 7px #fffdf8,inset 0 0 0 8px #c69b55,inset 0 0 0 15px #fbf7ee,inset 0 0 0 16px rgba(111,78,31,.52)!important;color:#221b13!important}
.certificate-r1437::before{inset:24px!important;border:1px solid rgba(142,101,40,.44)!important}.certificate-r1437::after{inset:31px!important;border:1px solid rgba(142,101,40,.16)!important}
.certificate-r1437 .certificate-frame-line{inset:19px!important;border:0!important}.certificate-r1437 .certificate-r1435-ornament{width:205px;height:205px;border-color:rgba(171,130,59,.15)}.certificate-r1437 .certificate-r1435-ornament::after{inset:16px}
.certificate-r1437 .certificate-watermark{width:360px;height:360px;opacity:.025;filter:grayscale(1) sepia(.3)}
.certificate-r1437 .certificate-r1435-header{width:100%;max-width:1010px;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);gap:24px;margin:0 auto 14px;align-items:center}.certificate-r1437 .certificate-brand-rule{background:linear-gradient(90deg,transparent,#b58a47 16%,#8c642a 50%,#b58a47 84%,transparent)}
.certificate-r1437 .certificate-brand-row{gap:14px}.certificate-r1437 .certificate-mark{width:78px;height:78px}.certificate-r1437 .certificate-brand-copy{text-align:center;justify-items:center}.certificate-r1437 .certificate-kicker{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.21em;color:#76511f}.certificate-r1437 .certificate-brand-copy small{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-size:12px;color:#51473b;font-weight:700;margin-top:3px}
.certificate-r1437 .certificate-r1435-main{width:100%;max-width:1010px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;text-align:center;align-self:stretch}.certificate-r1437 .certificate-title-block>span{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.26em;color:#96703a;font-weight:700}.certificate-r1437 h1{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-size:clamp(34px,3vw,48px);line-height:1.45;letter-spacing:0;margin:5px 0 8px;color:#20180f}.certificate-r1437 .certificate-award-intro{font-family:"Noto Naskh Arabic","Amiri",serif!important;font-size:18px!important;line-height:1.75!important;color:#625646!important;margin:2px 0 4px!important}
.certificate-r1437 .certificate-recipient-wrap{grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr);gap:22px;max-width:960px;margin:4px auto 1px}.certificate-r1437 .certificate-recipient-wrap>span{background:linear-gradient(90deg,transparent,#b68b47 55%,#8d632b)}.certificate-r1437 .certificate-recipient-wrap>span:last-child{background:linear-gradient(90deg,#8d632b,#b68b47 45%,transparent)}.certificate-r1437 h2{font-family:"Aref Ruqaa","Noto Naskh Arabic","Amiri",serif!important;font-size:clamp(48px,4.8vw,70px)!important;font-weight:700!important;line-height:1.25!important;color:#8b6025!important;padding:2px 22px 7px!important;text-shadow:0 1px 0 #fff!important;letter-spacing:0!important}
.certificate-r1437 .certificate-course-lead{font-family:"Noto Naskh Arabic","Amiri",serif!important;font-size:16px!important;line-height:1.75!important;color:#5e5347!important;margin:4px auto 8px!important;max-width:820px}.certificate-r1437 .certificate-course-panel{min-width:min(720px,88%);max-width:88%;padding:10px 30px 11px;border-top:1px solid rgba(158,113,44,.28);border-bottom:1px solid rgba(158,113,44,.28);background:linear-gradient(90deg,transparent,rgba(190,153,86,.09),transparent)}.certificate-r1437 .certificate-course-panel small{font-size:8.5px;letter-spacing:.22em}.certificate-r1437 .certificate-course-panel h3{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-size:clamp(22px,2.4vw,32px);line-height:1.55;margin:1px 0 0;color:#251d15}
.certificate-r1437 .certificate-meta-r1435{max-width:700px!important;margin:12px auto 0!important;background:rgba(255,255,255,.52)}.certificate-r1437 .certificate-meta-r1435>div{padding:9px 16px!important}.certificate-r1437 .certificate-meta-r1435 span{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-size:8px!important}.certificate-r1437 .certificate-meta-r1435 b{font-size:12px!important}
.certificate-r1437 .certificate-accreditation-grid{width:100%;max-width:960px;grid-template-columns:170px minmax(330px,1fr) 170px;gap:42px;margin:16px auto 0;padding-top:13px;border-top:1px solid rgba(154,112,48,.2);align-items:end}.certificate-r1437 .certificate-auth-block{min-height:132px}.certificate-r1437 .certificate-auth-block>b{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-size:10px}.certificate-r1437 .certificate-auth-block>small{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:9px;line-height:1.5}.certificate-r1437 .certificate-qr-card-r1435 .certificate-qr{width:96px;height:96px}.certificate-r1437 .certificate-digital-signature{width:285px;height:82px}.certificate-r1437 .certificate-digital-signature .sig-name{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:26px;font-style:italic}.certificate-r1437 .certificate-signature-r1435 .certificate-signature-line{width:270px}.certificate-r1437 .certificate-signature-r1435>b{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:15px!important;line-height:1.35}.certificate-r1437 .certificate-signature-r1435>small{font-size:9px!important}.certificate-r1437 .certificate-visual-seal,.certificate-r1437 .certificate-real-seal{width:108px;height:108px}.certificate-r1437 .certificate-footnote{font-family:"Noto Naskh Arabic","Amiri",serif;margin-top:10px;font-size:8.5px;line-height:1.6;color:#766a5b}
.certificate-r1437 .certificate-test-ribbon{top:29px;left:38px;font-family:"Noto Kufi Arabic","Tajawal",sans-serif}
.certificate-export-btn{font-family:"Noto Kufi Arabic","Tajawal",sans-serif!important;font-weight:900!important;letter-spacing:0!important;border:1px solid #d8aa5d!important;background:linear-gradient(135deg,#a77734,#7f5522)!important;color:#fffdf8!important;text-shadow:0 1px 0 rgba(0,0,0,.18)!important;box-shadow:0 12px 30px rgba(127,85,34,.26)!important}.certificate-export-btn i{color:#fff4d5!important}.certificate-export-btn:hover,.certificate-export-btn:focus-visible{background:linear-gradient(135deg,#bd8a42,#906126)!important;color:#fff!important;border-color:#efc77e!important;box-shadow:0 16px 38px rgba(127,85,34,.34)!important}
.certificate-preview-toolbar{width:clamp(1120px,calc(100vw - 48px),1400px);max-width:none}.certificate-preview-toolbar .certificate-export-btn{min-width:185px}
@media(max-width:760px){.certificate-page{padding-inline:10px!important}.certificate-preview-shell{padding-inline:10px}.certificate-r1437{width:1120px!important;padding:46px 66px 32px!important}.certificate-r1437 .certificate-r1435-header{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr)!important;gap:24px!important}.certificate-r1437 .certificate-brand-rule{display:block!important}.certificate-r1437 .certificate-recipient-wrap{grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr)!important}.certificate-r1437 .certificate-course-panel{min-width:min(720px,88%)!important;max-width:88%!important;padding:10px 30px 11px!important}.certificate-r1437 .certificate-meta-r1435{grid-template-columns:1fr 1fr!important}.certificate-r1437 .certificate-meta-r1435>div+div{border-top:0!important;border-right:1px solid rgba(146,106,43,.2)!important}.certificate-r1437 .certificate-accreditation-grid{grid-template-columns:170px minmax(330px,1fr) 170px!important;gap:42px!important}.certificate-r1437 .certificate-auth-block{min-height:132px!important}.certificate-r1437 .certificate-signature-r1435{min-height:132px!important}.certificate-r1437 .certificate-test-ribbon{position:absolute!important;margin:0!important}.certificate-preview-toolbar{width:1120px;grid-template-columns:auto 1fr auto}.certificate-preview-toolbar .btn{width:auto}}
@media print{@page{size:A4 landscape;margin:0}html,body{width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;background:#fff!important}.certificate-preview-toolbar,.topbar,.back-to-top,.floating-action,.breadcrumb-wrap,.certificate-actions,.site-footer{display:none!important}.certificate-preview-shell,#main-content,.certificate-page{width:297mm!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#fff!important}.certificate-r1437{width:297mm!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;aspect-ratio:auto!important;margin:0!important;padding:11mm 16mm 7mm!important;border:0!important;box-shadow:inset 0 0 0 1.3mm #fffdf8,inset 0 0 0 1.55mm #ba8d49,inset 0 0 0 3.1mm #fbf7ee,inset 0 0 0 3.35mm rgba(111,78,31,.65)!important;overflow:hidden!important;break-inside:avoid!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.certificate-r1437::before{inset:5mm!important}.certificate-r1437::after{inset:7mm!important}.certificate-r1437 .certificate-r1435-header{max-width:252mm;grid-template-columns:1fr auto 1fr;gap:6mm;margin-bottom:2mm}.certificate-r1437 .certificate-mark{width:18mm;height:18mm}.certificate-r1437 .certificate-kicker{font-size:9pt}.certificate-r1437 .certificate-brand-copy small{font-size:8pt}.certificate-r1437 .certificate-r1435-main{max-width:252mm}.certificate-r1437 .certificate-title-block>span{font-size:7pt}.certificate-r1437 h1{font-size:25pt;line-height:1.35;margin:1mm 0 1.5mm}.certificate-r1437 .certificate-award-intro{font-size:11pt!important;line-height:1.55!important;margin:0!important}.certificate-r1437 .certificate-recipient-wrap{max-width:242mm;margin:.5mm auto 0}.certificate-r1437 h2{font-size:34pt!important;line-height:1.18!important;padding:.5mm 4mm 1.5mm!important}.certificate-r1437 .certificate-course-lead{font-size:9.5pt!important;line-height:1.5!important;margin:.5mm auto 1.5mm!important}.certificate-r1437 .certificate-course-panel{min-width:174mm;max-width:222mm;padding:1.6mm 7mm 1.8mm}.certificate-r1437 .certificate-course-panel small{font-size:5.7pt}.certificate-r1437 .certificate-course-panel h3{font-size:16.5pt;line-height:1.35}.certificate-r1437 .certificate-meta-r1435{max-width:172mm!important;margin:2mm auto 0!important}.certificate-r1437 .certificate-meta-r1435>div{padding:1.4mm 3mm!important}.certificate-r1437 .certificate-meta-r1435 span{font-size:5.4pt!important}.certificate-r1437 .certificate-meta-r1435 b{font-size:7.6pt!important}.certificate-r1437 .certificate-accreditation-grid{max-width:238mm;grid-template-columns:33mm 1fr 33mm;gap:10mm;margin-top:2.8mm;padding-top:2.5mm}.certificate-r1437 .certificate-auth-block{min-height:29mm}.certificate-r1437 .certificate-qr-card-r1435 .certificate-qr{width:22mm;height:22mm}.certificate-r1437 .certificate-auth-block>b{font-size:6.5pt}.certificate-r1437 .certificate-auth-block>small{font-size:5.5pt}.certificate-r1437 .certificate-digital-signature{width:62mm;height:18mm}.certificate-r1437 .certificate-digital-signature .sig-name{font-size:17px}.certificate-r1437 .certificate-signature-r1435 .certificate-signature-line{width:58mm}.certificate-r1437 .certificate-signature-r1435>b{font-size:9pt!important}.certificate-r1437 .certificate-signature-r1435>small{font-size:5.7pt!important}.certificate-r1437 .certificate-signature-r1435>em{font-size:4.6pt}.certificate-r1437 .certificate-visual-seal,.certificate-r1437 .certificate-real-seal{width:24mm;height:24mm}.certificate-r1437 .certificate-footnote{margin-top:1.4mm;font-size:5.4pt}.certificate-r1437 .certificate-watermark{width:88mm;height:88mm}.certificate-r1437 .certificate-test-ribbon{top:7mm;left:9mm;font-size:6pt}}
/* =========================================================
R14.3.8 — SEPARATE MARKETS + FORECAST, CENTERED MARKETS
========================================================= */
.home-markets-followed{margin:20px auto 18px;padding:6px 0 2px;text-align:center}
.home-markets-centered-heading{margin-bottom:12px!important;text-align:center}
.home-markets-centered-heading h2{margin-inline:auto;text-align:center}
.home-market-followed-strip{width:min(1160px,94vw);margin:0 auto;padding:11px 14px;border:1px solid rgba(229,199,141,.1);border-radius:16px;background:rgba(255,255,255,.014)}
.home-market-followed-strip .home-market-marquee{width:100%;margin:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
.home-market-followed-strip .home-market-track{width:100%!important;animation:none!important;transform:none!important;justify-content:center;direction:rtl}
.home-market-followed-strip .home-market-group{width:100%;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;direction:rtl}
.home-forecast-workspace{margin-top:0;margin-bottom:30px}
.home-forecast-workspace .home-market-workspace-head{align-items:center}
.home-forecast-workspace .home-market-workspace-head>div{text-align:right}
@media(max-width:760px){.home-markets-followed{margin-top:16px}.home-market-followed-strip{padding:10px;width:min(94vw,680px)}.home-market-followed-strip .home-market-group{gap:7px}.home-forecast-workspace .home-market-workspace-head>div{text-align:center}.home-forecast-workspace .home-market-workspace-head{grid-template-columns:1fr}.home-forecast-workspace .market-workspace-select{text-align:right}}
/* =========================================================
R14.3.9 — SINGLE-TRACK MOVING MARKETS (NO DUPLICATES)
One DOM copy only. JS moves the row left -> right and resets.
========================================================= */
.home-market-followed-strip .home-market-single-track{
width:100%;
margin:0;
overflow:hidden;
position:relative;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
}
.home-market-followed-strip .home-market-single-track .home-market-track{
width:max-content!important;
min-width:0;
display:flex;
justify-content:flex-start;
margin-left:0;
margin-right:auto;
direction:ltr;
animation:none!important;
transform:translate3d(0,0,0);
will-change:transform;
}
.home-market-followed-strip .home-market-single-track .home-market-group{
width:max-content;
min-width:max-content;
padding:0;
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:nowrap;
gap:9px;
direction:ltr;
}
.home-market-followed-strip .home-market-single-track .home-market-chip{direction:rtl;flex:0 0 auto}
.home-market-followed-strip .home-market-single-track:hover .home-market-track,
.home-market-followed-strip .home-market-single-track:focus-within .home-market-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
.home-market-followed-strip .home-market-single-track{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
.home-market-followed-strip .home-market-single-track::-webkit-scrollbar{display:none}
.home-market-followed-strip .home-market-single-track .home-market-track{transform:none!important;margin-inline:auto;will-change:auto}
}
/* =========================================================
R14.3.10 — VISIBLE SINGLE-COPY LTR MARKET MOTION HOTFIX
One row only. It enters from the left, crosses the viewport,
exits on the right, then resets for the next cycle.
========================================================= */
.home-market-followed-strip .home-market-single-track .home-market-track{
position:relative;
left:0;
transform:translateX(-100%);
animation:r14310MarketSinglePass 20s linear infinite!important;
animation-delay:-5s!important;
will-change:left,transform;
}
@keyframes r14310MarketSinglePass{
from{left:0;transform:translateX(-100%)}
to{left:100%;transform:translateX(0)}
}
.home-market-followed-strip .home-market-single-track:hover .home-market-track,
.home-market-followed-strip .home-market-single-track:focus-within .home-market-track{animation-play-state:paused!important}
@media(max-width:760px){
.home-market-followed-strip .home-market-single-track .home-market-track{animation-duration:17s!important;animation-delay:-4s!important}
}
@media(prefers-reduced-motion:reduce){
.home-market-followed-strip .home-market-single-track .home-market-track{position:static;left:auto!important;animation:none!important;transform:none!important;margin-inline:auto}
}
/* R14.4 — internal content experience */
.service-rich-section{margin-top:34px;padding-top:28px;border-top:1px solid rgba(212,176,106,.15)}
.service-rich-section .section-title{margin-bottom:18px}.service-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-course-grid .course-card{min-height:100%;padding:0}.service-course-grid .course-card-body{padding:18px}.service-course-grid .course-card h3{font-size:18px;margin:10px 0 8px}.service-course-grid .course-card p{font-size:13px;line-height:1.85;color:var(--c-muted)}
.academy-promise-grid,.service-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.academy-promise-grid>article,.service-highlight-grid>article{padding:22px}.academy-promise-grid>article>i,.service-highlight-grid>article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(212,176,106,.09);border:1px solid rgba(212,176,106,.18);color:var(--c-gold-bright);font-size:19px;margin-bottom:13px}.academy-promise-grid h3,.service-highlight-grid h3{margin:0 0 8px;font-size:17px}.academy-promise-grid p,.service-highlight-grid p{margin:0;color:var(--c-muted);line-height:1.85;font-size:13px}.academy-promise-grid .text-link{display:inline-flex;margin-top:13px}
.service-member-note{margin-top:16px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;border:1px solid rgba(212,176,106,.2);background:linear-gradient(135deg,rgba(212,176,106,.08),rgba(255,255,255,.015))}.service-member-note>i{font-size:24px;color:var(--c-gold-bright)}.service-member-note b{display:block;margin-bottom:5px}.service-member-note p{margin:0;color:var(--c-muted);line-height:1.85}.compact-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-action.center{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.about-story{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;padding:28px;margin-bottom:18px}.about-story-mark{aspect-ratio:1;border-radius:24px;overflow:hidden;border:1px solid rgba(212,176,106,.2);background:#0f0f0f}.about-story-mark img{width:100%;height:100%;object-fit:cover}.about-story h2{margin:8px 0 12px;font-size:25px}.about-story p,.about-detail-card p,.about-markets-panel p,.about-founder-panel p{color:var(--c-muted);line-height:1.95;margin:0}.about-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.about-detail-card{padding:22px}.about-detail-card .mini-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(212,176,106,.1);color:var(--c-gold-bright);margin-bottom:12px}.about-detail-card h2{font-size:18px;margin:0 0 8px}.about-markets-panel{padding:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:center}.about-markets-panel h2{font-size:21px;margin:7px 0 9px}.about-market-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.about-market-chips span{padding:8px 11px;border:1px solid rgba(212,176,106,.2);background:rgba(212,176,106,.06);border-radius:999px;color:var(--c-gold-bright);font-size:11px;font-weight:700}.about-founder-panel{margin-top:14px;padding:22px;display:flex;align-items:flex-start;gap:16px}.about-founder-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(212,176,106,.1);border:1px solid rgba(212,176,106,.18);color:var(--c-gold-bright);font-size:24px;flex:0 0 auto}.about-founder-panel h2{margin:4px 0 8px;font-size:21px}
.contact-form-intro{margin:-2px 0 16px;color:var(--c-muted);font-size:13px;line-height:1.75}.contact-guidance{margin-top:18px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px}.contact-guidance>i{font-size:22px;color:var(--c-gold-bright)}.contact-guidance h3{margin:0 0 5px;font-size:16px}.contact-guidance p{margin:0;color:var(--c-muted);line-height:1.8;font-size:13px}
.student-public-intro{padding-top:34px}.student-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.student-journey-grid article{padding:18px;position:relative;overflow:hidden}.student-journey-grid article>span{display:block;color:var(--c-gold-bright);font-size:22px;font-weight:900;margin-bottom:10px}.student-journey-grid article>p{margin:0;color:var(--c-text);font-size:13px;line-height:1.8}.student-certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.student-certificate-grid>article{padding:22px}.student-certificate-grid>article>i{font-size:26px;color:var(--c-gold-bright);display:block;margin-bottom:10px}.student-certificate-grid h3{font-size:18px;margin:0 0 8px}.student-certificate-grid p{color:var(--c-muted);line-height:1.85;margin:0}.student-certificate-grid .text-link{display:inline-flex;margin-top:12px}
.certificate-public-sample{overflow:hidden}.certificate-public-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(212,176,106,.16);border-radius:16px;background:rgba(212,176,106,.05)}.certificate-public-toolbar>div{display:flex;align-items:center;gap:9px;color:var(--c-muted);font-size:12px}.certificate-public-toolbar>div i{color:var(--c-gold-bright)}.certificate-public-scroll{overflow:auto;padding:8px 2px 20px}.certificate-public-scroll .academy-certificate{margin-inline:auto}
.public-sessions-shell{padding-top:30px}.public-session-grid .academy-session-card{min-height:100%}.public-session-note{margin-top:14px;padding-top:12px;border-top:1px solid rgba(212,176,106,.12);display:flex;gap:8px;align-items:flex-start;color:var(--c-muted);font-size:12px;line-height:1.7}.public-session-note i{color:var(--c-gold-bright)}
.archive-shell{padding-top:30px}.archive-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto auto;gap:12px;align-items:end;padding:16px;margin-bottom:14px}.archive-filters label{display:grid;gap:7px;font-size:11px;color:var(--c-muted)}.archive-filters select{width:100%;min-height:44px;border-radius:12px;border:1px solid rgba(212,176,106,.18);background:#151515;color:var(--c-text);padding:0 12px}.archive-note{display:flex;gap:9px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border-radius:14px;background:rgba(212,176,106,.055);border:1px solid rgba(212,176,106,.14);color:var(--c-muted);font-size:12px;line-height:1.75}.archive-note i{color:var(--c-gold-bright);margin-top:2px}.archive-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 12px;color:var(--c-muted);font-size:10px}.archive-card-meta span{display:flex;gap:5px;align-items:center}
.risk-page-shell{padding-top:30px}.risk-main-card{margin:0 auto 16px}.risk-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.risk-principles-grid>article{padding:20px}.risk-principles-grid>article>i{font-size:24px;color:var(--c-gold-bright);display:block;margin-bottom:10px}.risk-principles-grid h3{font-size:16px;margin:0 0 7px}.risk-principles-grid p{margin:0;color:var(--c-muted);line-height:1.85;font-size:12px}
@media(max-width:900px){.service-course-grid,.compact-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story{grid-template-columns:140px minmax(0,1fr)}.about-markets-panel{grid-template-columns:1fr}.student-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-principles-grid{grid-template-columns:1fr}.archive-filters{grid-template-columns:1fr 1fr}.archive-filters .btn{width:100%}}
@media(max-width:640px){.service-course-grid,.academy-promise-grid,.service-highlight-grid,.compact-analysis-grid,.about-detail-grid,.student-certificate-grid{grid-template-columns:1fr}.about-story{grid-template-columns:1fr;padding:18px}.about-story-mark{width:110px}.about-markets-panel,.about-founder-panel{padding:18px}.student-journey-grid{grid-template-columns:1fr}.certificate-public-toolbar{align-items:flex-start;flex-direction:column}.archive-filters{grid-template-columns:1fr}.contact-guidance{padding:16px}.service-rich-section{margin-top:24px;padding-top:22px}}
/* R14.4.1 — core service routing + academy/mobile navigation hotfix */
.academy-primary-program{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:22px;align-items:stretch;padding:26px;margin:0 auto 26px;max-width:1180px}
.academy-primary-program-copy h2{margin:10px 0 12px;font-size:clamp(24px,2.7vw,36px)}
.academy-primary-program-copy>p{margin:0;color:var(--c-muted);line-height:1.95;font-size:14px}
.academy-primary-program-features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.academy-primary-program-action{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;padding:22px;border-radius:20px;border:1px solid rgba(229,199,141,.16);background:linear-gradient(145deg,rgba(229,199,141,.08),rgba(255,255,255,.015))}
.academy-primary-program-action>i{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17120d;font-size:27px}
.academy-primary-program-action>b{font-size:16px;color:#f8f1e6}.academy-primary-program-action>span{font-size:12px;color:var(--c-muted)}
.academy-primary-program-action .btn{width:100%;margin-top:5px}.academy-lms-title{margin-top:30px!important}
@supports (padding:max(0px)){
.topbar{padding-top:max(10px,env(safe-area-inset-top))}
}
@media(max-width:820px){
.topbar{min-height:72px;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:10px!important;overflow:visible!important;align-items:center!important}
.main-nav{top:calc(100% + 10px)!important;bottom:auto!important;left:12px!important;right:12px!important;margin:0!important;transform:none!important;z-index:1200!important;max-height:calc(100svh - 98px)}
.main-nav.open{display:flex!important;overflow-y:auto;overscroll-behavior:contain}
.academy-primary-program{grid-template-columns:1fr;padding:20px}
}
@media(max-width:620px){
.academy-primary-program{padding:17px;gap:16px}.academy-primary-program-features{grid-template-columns:1fr}.academy-primary-program-action{padding:18px}
}
/* =========================================================
R14.5 — UNIFIED LUXURY SERVICE FEATURES + STUDENT ACCESS
========================================================= */
.service-features-block{margin-top:22px;padding-top:22px;border-top:1px solid rgba(229,199,141,.09)}
.service-feature-heading{text-align:center;max-width:760px;margin:0 auto 18px}.service-feature-heading h3{margin:5px 0 7px;font-size:clamp(20px,2.1vw,27px)}.service-feature-heading p{margin:0;color:var(--c-muted);font-size:12px;line-height:1.8}
.service-feature-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.service-feature-pillar{position:relative;padding:20px;min-height:172px;overflow:hidden;isolation:isolate}
.service-feature-pillar:before{content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(229,199,141,.09),transparent 68%);z-index:-1}
.service-feature-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.service-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(229,199,141,.09);border:1px solid rgba(229,199,141,.18);color:var(--c-gold-bright);font-size:20px}.service-feature-top em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.12em;color:rgba(229,199,141,.45);direction:ltr}.service-feature-pillar h4{margin:0 0 8px;font-size:16px;line-height:1.55;color:#f7efe3}.service-feature-pillar p{margin:0;color:var(--c-muted);font-size:11.5px;line-height:1.85}
.service-feature-pillar:hover{transform:translateY(-3px);border-color:rgba(229,199,141,.26)}
.student-access-shell{min-height:56vh;display:grid;place-items:center}.student-access-card{width:min(560px,92vw);padding:28px;text-align:center}.student-access-card>.mini-icon{margin:0 auto 12px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(229,199,141,.1);border:1px solid rgba(229,199,141,.19);color:var(--c-gold-bright);font-size:25px}.student-access-card h2{margin:7px 0 8px}.student-access-card>p{margin:0 auto 20px;color:var(--c-muted);font-size:12.5px;line-height:1.8}.student-access-form{display:grid;gap:14px;text-align:right}.student-access-form label{display:grid;gap:7px;color:#d9d1c6;font-size:12px;font-weight:800}.student-access-form input{width:100%;min-height:48px;padding:0 14px;border-radius:13px;border:1px solid rgba(229,199,141,.16);background:#11100f;color:#fff;outline:none;font:inherit}.student-access-form input:focus{border-color:rgba(229,199,141,.5);box-shadow:0 0 0 3px rgba(229,199,141,.07)}.student-access-form .btn{width:100%;justify-content:center}.student-access-reset{margin-top:10px}.student-access-reset .text-link{border:0;background:transparent;color:var(--c-gold);cursor:pointer;font:inherit}.student-access-help{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(229,199,141,.08);color:var(--c-muted);font-size:11px}.student-access-help i,.student-access-help a{color:var(--c-gold)}
@media(max-width:900px){.service-feature-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.service-feature-pillars{grid-template-columns:1fr}.service-feature-pillar{min-height:0;padding:17px}.student-access-card{padding:20px}.student-access-card>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.service-feature-pillar{transition:none}.service-feature-pillar:hover{transform:none}}
/* =========================================================
R14.5.4 — DESKTOP HOMEPAGE SLIDER LUXURY REFINEMENT
Desktop only. Mobile/tablet <= 820px remains untouched.
========================================================= */
@media(min-width:821px){
.home-slider-secondary{
width:min(1440px,calc(100% - clamp(48px,6vw,104px)));
height:clamp(360px,31vw,500px);
margin:26px auto 34px;
border:1px solid rgba(229,199,141,.18);
border-radius:30px;
overflow:hidden;
background:#090909;
box-shadow:
0 34px 90px rgba(0,0,0,.40),
0 0 0 1px rgba(255,255,255,.018) inset,
0 -1px 0 rgba(229,199,141,.08) inset;
}
.home-slider-secondary::before{
inset:13px;
border-radius:22px;
border-color:rgba(229,199,141,.13);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.012),
inset 0 0 55px rgba(0,0,0,.10);
}
.home-slider-secondary::after{
content:"";
position:absolute;
z-index:1;
inset:0;
pointer-events:none;
background:
linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 76%,rgba(0,0,0,.22)),
radial-gradient(circle at 50% 115%,rgba(229,199,141,.10),transparent 42%);
}
.home-slider-secondary .home-slide>img{
object-position:center;
filter:saturate(.90) contrast(1.04) brightness(.88);
transform:scale(1.018);
}
.home-slider-secondary .home-slide.active>img{
transform:scale(1.055);
}
.home-slider-secondary .home-slide-shade{
z-index:1;
background:
linear-gradient(0deg,rgba(5,5,5,.62),transparent 47%,rgba(5,5,5,.14)),
radial-gradient(circle at 50% 50%,transparent 30%,rgba(5,5,5,.11) 100%);
}
.home-slider-secondary .home-slide.align-right .home-slide-shade{
background:
linear-gradient(270deg,rgba(5,5,5,.94) 0%,rgba(7,7,7,.80) 24%,rgba(7,7,7,.36) 50%,rgba(7,7,7,.08) 72%),
linear-gradient(0deg,rgba(5,5,5,.58),transparent 48%,rgba(5,5,5,.14));
}
.home-slider-secondary .home-slide.align-left .home-slide-shade{
background:
linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(7,7,7,.80) 24%,rgba(7,7,7,.36) 50%,rgba(7,7,7,.08) 72%),
linear-gradient(0deg,rgba(5,5,5,.58),transparent 48%,rgba(5,5,5,.14));
}
.home-slider-secondary .home-slide.align-center .home-slide-shade{
background:
radial-gradient(ellipse at center,rgba(7,7,7,.68) 0%,rgba(7,7,7,.44) 28%,rgba(7,7,7,.14) 62%,rgba(7,7,7,.28) 100%),
linear-gradient(0deg,rgba(5,5,5,.50),transparent 52%,rgba(5,5,5,.12));
}
.home-slider-secondary .home-slide-content{
inset:auto;
top:50%;
bottom:auto;
width:min(540px,42vw);
height:auto;
min-height:0;
margin:0;
padding:28px 30px 26px;
gap:10px;
justify-content:center;
border:1px solid rgba(229,199,141,.20);
border-radius:24px;
background:
linear-gradient(145deg,rgba(20,19,18,.78),rgba(10,10,10,.58));
backdrop-filter:blur(18px) saturate(112%);
-webkit-backdrop-filter:blur(18px) saturate(112%);
box-shadow:
0 24px 65px rgba(0,0,0,.34),
inset 0 1px 0 rgba(255,255,255,.045),
inset 0 0 45px rgba(229,199,141,.018);
overflow:hidden;
}
.home-slider-secondary .home-slide-content::before{
content:"";
position:absolute;
top:0;
right:24px;
width:92px;
height:1px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright));
opacity:.82;
}
.home-slider-secondary .home-slide-content::after{
content:"";
position:absolute;
right:-54px;
bottom:-68px;
width:150px;
height:150px;
border-radius:50%;
border:1px solid rgba(229,199,141,.085);
box-shadow:0 0 0 22px rgba(229,199,141,.012);
pointer-events:none;
}
.home-slider-secondary .home-slide.align-right .home-slide-content{
right:clamp(70px,7vw,124px);
left:auto;
align-items:flex-start;
text-align:right;
}
.home-slider-secondary .home-slide.align-left .home-slide-content{
left:clamp(70px,7vw,124px);
right:auto;
align-items:flex-end;
text-align:left;
}
.home-slider-secondary .home-slide.align-center .home-slide-content{
left:50%;
right:auto;
width:min(610px,48vw);
align-items:center;
text-align:center;
}
.home-slider-secondary .home-slide:not(.active) .home-slide-content{
opacity:0;
}
.home-slider-secondary .home-slide.active.align-right .home-slide-content,
.home-slider-secondary .home-slide.active.align-left .home-slide-content{
opacity:1;
transform:translateY(-50%);
}
.home-slider-secondary .home-slide:not(.active).align-right .home-slide-content,
.home-slider-secondary .home-slide:not(.active).align-left .home-slide-content{
transform:translateY(calc(-50% + 12px));
}
.home-slider-secondary .home-slide.active.align-center .home-slide-content{
opacity:1;
transform:translate(-50%,-50%);
}
.home-slider-secondary .home-slide:not(.active).align-center .home-slide-content{
transform:translate(-50%,calc(-50% + 12px));
}
.home-slider-secondary .home-slide-content h2{
max-width:100%;
font-size:clamp(25px,2.05vw,35px)!important;
line-height:1.34!important;
letter-spacing:-.012em;
color:#fff7e9;
text-shadow:0 10px 32px rgba(0,0,0,.62);
-webkit-line-clamp:3;
}
.home-slider-secondary .home-slide-content p{
max-width:100%;
color:#ded3c3;
font-size:clamp(13.5px,1.03vw,15.5px);
line-height:1.82;
text-shadow:0 4px 18px rgba(0,0,0,.62);
}
.home-slider-secondary .home-slide-content .btn{
min-height:43px;
min-width:145px;
margin-top:5px;
padding:10px 17px;
border-radius:13px;
font-size:12.5px;
box-shadow:0 12px 30px rgba(209,181,133,.15);
}
.home-slider-secondary .slider-arrow{
top:50%;
width:46px;
height:46px;
border-radius:15px;
border-color:rgba(229,199,141,.26);
background:rgba(11,11,11,.66);
color:#f7ead3;
box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
}
.home-slider-secondary .slider-arrow:hover{
border-color:rgba(229,199,141,.66);
box-shadow:0 16px 40px rgba(0,0,0,.40),0 0 24px rgba(209,181,133,.09);
}
.home-slider-secondary .slider-prev{right:22px}
.home-slider-secondary .slider-next{left:22px}
.home-slider-secondary .slider-dots{
bottom:16px;
gap:7px;
padding:7px 11px;
border-color:rgba(229,199,141,.14);
background:rgba(7,7,7,.62);
box-shadow:0 10px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}
.home-slider-secondary .slider-dots button{
width:7px;
height:7px;
background:rgba(255,255,255,.34);
}
.home-slider-secondary .slider-dots button.active{
width:30px;
background:linear-gradient(90deg,var(--c-gold-deep),var(--c-gold-bright));
box-shadow:0 0 16px rgba(229,199,141,.24);
}
}
/* =========================================================
R14.5.5 — DESKTOP ACADEMY INTRO REFINEMENT
Cleaner horizontal intro card above the homepage slider.
Mobile/tablet <= 820px intentionally keeps the existing UI.
========================================================= */
@media (min-width:821px){
.home-featured.home-featured-text-only{
height:clamp(168px,11.6vw,188px)!important;
min-height:168px!important;
display:grid;
place-items:center;
padding:16px clamp(24px,4vw,64px);
background:
radial-gradient(circle at 72% 36%,rgba(229,199,141,.050),transparent 25%),
radial-gradient(circle at 20% 68%,rgba(130,105,71,.030),transparent 24%),
linear-gradient(135deg,#0d0d0d 0%,#131210 48%,#0c0c0c 100%);
}
.home-featured.home-featured-text-only::before{
opacity:.24;
background-size:44px 44px;
}
.home-featured.home-featured-text-only::after{
left:auto;
right:-120px;
bottom:-155px;
width:520px;
height:260px;
transform:none;
border-color:rgba(229,199,141,.045);
box-shadow:0 0 0 36px rgba(229,199,141,.006),0 0 90px rgba(209,181,133,.028);
}
.home-featured.home-featured-text-only .home-slide{
width:100%;
max-width:1180px;
margin:auto;
}
.home-featured.home-featured-text-only .home-slide-shade{
background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 24%,transparent 76%,rgba(0,0,0,.10));
}
.home-featured.home-featured-text-only .home-slide-content{
width:min(1120px,100%);
min-height:132px;
margin:auto;
padding:22px clamp(26px,3.1vw,44px);
display:grid;
grid-template-columns:minmax(245px,32%) minmax(0,1fr);
grid-template-areas:"title copy";
align-items:center!important;
justify-content:center;
column-gap:clamp(28px,3.2vw,48px);
text-align:right!important;
border:1px solid rgba(229,199,141,.115);
border-radius:24px;
background:
linear-gradient(135deg,rgba(24,23,21,.70),rgba(11,11,11,.50));
backdrop-filter:blur(12px) saturate(108%);
-webkit-backdrop-filter:blur(12px) saturate(108%);
box-shadow:
0 18px 54px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.026),
inset 0 0 42px rgba(229,199,141,.012);
overflow:hidden;
}
.home-featured.home-featured-text-only .home-slide-content::before{
top:0;
right:clamp(28px,4vw,62px);
left:auto;
width:118px;
height:1px;
transform:none;
background:linear-gradient(90deg,transparent,var(--c-gold-bright));
opacity:.62;
}
.home-featured.home-featured-text-only .home-slide-content::after{
content:"";
position:absolute;
top:50%;
right:32%;
bottom:auto;
left:auto;
width:1px;
height:68px;
transform:translateY(-50%);
background:linear-gradient(180deg,transparent,rgba(229,199,141,.30),transparent);
opacity:.75;
}
.home-featured.home-featured-text-only .home-slide-content h1{
grid-area:title;
position:relative;
margin:0;
padding-left:clamp(18px,2.2vw,30px);
max-width:100%;
font-size:clamp(24px,1.85vw,29px)!important;
line-height:1.38!important;
font-weight:900;
color:#e4c88d;
text-align:right!important;
letter-spacing:-.012em;
text-shadow:0 7px 26px rgba(0,0,0,.40),0 0 22px rgba(209,181,133,.045);
}
.home-featured.home-featured-text-only .home-slide-content h1::after{
content:"";
display:block;
width:46px;
height:2px;
margin-top:10px;
margin-right:0;
border-radius:999px;
background:linear-gradient(90deg,var(--c-gold-deep),var(--c-gold-bright));
opacity:.68;
}
.home-featured.home-featured-text-only .home-slide-content p{
grid-area:copy;
margin:0;
max-width:none;
padding:0;
color:#d5cdc1;
font-size:clamp(12.7px,.91vw,14px);
line-height:1.82;
font-weight:500;
text-align:right!important;
text-wrap:pretty;
text-shadow:0 3px 18px rgba(0,0,0,.28);
}
}
@media (min-width:821px) and (max-width:1040px){
.home-featured.home-featured-text-only{
height:180px!important;
padding-inline:22px;
}
.home-featured.home-featured-text-only .home-slide-content{
grid-template-columns:minmax(215px,30%) minmax(0,1fr);
column-gap:26px;
padding:20px 28px;
}
.home-featured.home-featured-text-only .home-slide-content::after{right:30%}
.home-featured.home-featured-text-only .home-slide-content h1{
font-size:23px!important;
padding-left:18px;
}
.home-featured.home-featured-text-only .home-slide-content p{
font-size:12.6px;
line-height:1.76;
}
}
/* =========================================================
R14.5.6 — ACADEMY INTRO BALANCE / DESKTOP + MOBILE
Lighter editorial split on desktop, calmer stacked intro on mobile.
========================================================= */
.home-featured.home-featured-text-only{
height:auto!important;
min-height:0!important;
padding:18px clamp(18px,4vw,58px) 20px;
border-bottom:1px solid rgba(229,199,141,.10);
background:
radial-gradient(circle at 78% 32%,rgba(229,199,141,.052),transparent 25%),
radial-gradient(circle at 18% 72%,rgba(128,102,67,.028),transparent 27%),
linear-gradient(135deg,#0d0d0d 0%,#12110f 52%,#0b0b0b 100%);
}
.home-featured.home-featured-text-only::before{
opacity:.18;
background-size:46px 46px;
}
.home-featured.home-featured-text-only::after{
left:auto;
right:-150px;
bottom:-178px;
width:520px;
height:280px;
transform:none;
border-color:rgba(229,199,141,.038);
box-shadow:0 0 0 32px rgba(229,199,141,.005),0 0 88px rgba(209,181,133,.022);
}
.home-featured.home-featured-text-only .home-slide{
position:relative;
inset:auto;
width:min(1180px,100%);
height:auto;
min-height:0;
margin:0 auto;
display:block;
}
.home-featured.home-featured-text-only .home-slide-shade{
background:linear-gradient(90deg,rgba(0,0,0,.07),transparent 23%,transparent 77%,rgba(0,0,0,.07));
}
.home-featured.home-featured-text-only .home-slide-content{
position:relative;
width:100%;
min-height:148px;
margin:0 auto;
padding:22px clamp(24px,3vw,42px);
display:grid;
grid-template-columns:minmax(245px,29%) minmax(0,1fr);
grid-template-areas:"title copy";
align-items:center!important;
gap:clamp(26px,3vw,44px);
text-align:right!important;
border:0;
border-top:1px solid rgba(229,199,141,.13);
border-bottom:1px solid rgba(229,199,141,.10);
border-radius:0;
background:linear-gradient(90deg,rgba(255,255,255,.008),rgba(229,199,141,.018) 52%,rgba(255,255,255,.006));
backdrop-filter:none;
-webkit-backdrop-filter:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.014);
overflow:visible;
}
.home-featured.home-featured-text-only .home-slide-content::before{
content:"";
position:absolute;
top:-1px;
right:clamp(26px,4.2vw,66px);
left:auto;
width:106px;
height:1px;
transform:none;
background:linear-gradient(90deg,transparent,var(--c-gold-bright));
opacity:.72;
}
.home-featured.home-featured-text-only .home-slide-content::after{
content:"";
position:absolute;
top:50%;
right:29%;
bottom:auto;
left:auto;
width:1px;
height:76px;
transform:translateY(-50%);
background:linear-gradient(180deg,transparent,rgba(229,199,141,.34),transparent);
opacity:.76;
}
.home-featured.home-featured-text-only .home-slide-content h1{
grid-area:title;
position:relative;
margin:0;
padding:0 0 0 clamp(14px,2vw,26px);
max-width:100%;
color:#e7cb91;
font-size:clamp(24px,1.85vw,29px)!important;
line-height:1.42!important;
font-weight:900;
text-align:right!important;
letter-spacing:-.012em;
text-shadow:0 7px 24px rgba(0,0,0,.42),0 0 20px rgba(209,181,133,.04);
}
.home-featured.home-featured-text-only .home-slide-content h1::before{
content:"";
position:absolute;
right:-15px;
top:.53em;
width:5px;
height:5px;
border-radius:50%;
background:var(--c-gold-bright);
box-shadow:0 0 0 5px rgba(229,199,141,.055),0 0 16px rgba(229,199,141,.20);
}
.home-featured.home-featured-text-only .home-slide-content h1::after{
content:"";
display:block;
width:44px;
height:2px;
margin:11px 0 0 auto;
border-radius:999px;
background:linear-gradient(90deg,var(--c-gold-deep),var(--c-gold-bright));
opacity:.58;
}
.home-featured.home-featured-text-only .home-slide-content p{
grid-area:copy;
margin:0;
padding:0;
max-width:820px;
color:#d6cec2;
font-size:clamp(12.8px,.91vw,14px);
line-height:1.92;
font-weight:500;
text-align:right!important;
text-wrap:pretty;
text-shadow:0 3px 16px rgba(0,0,0,.25);
}
@media (min-width:821px) and (max-width:1080px){
.home-featured.home-featured-text-only{padding-inline:22px}
.home-featured.home-featured-text-only .home-slide-content{
grid-template-columns:minmax(218px,28%) minmax(0,1fr);
gap:24px;
padding:20px 28px;
}
.home-featured.home-featured-text-only .home-slide-content::after{right:28%}
.home-featured.home-featured-text-only .home-slide-content h1{font-size:22px!important}
.home-featured.home-featured-text-only .home-slide-content p{font-size:12.4px;line-height:1.82}
}
@media (max-width:820px){
.home-featured.home-featured-text-only{
height:auto!important;
min-height:0!important;
padding:10px 12px 12px;
background:
radial-gradient(circle at 50% 14%,rgba(229,199,141,.055),transparent 31%),
linear-gradient(180deg,#11100f 0%,#0d0d0d 100%);
}
.home-featured.home-featured-text-only::before{
opacity:.12;
background-size:34px 34px;
}
.home-featured.home-featured-text-only::after{
left:50%;
right:auto;
bottom:-92px;
width:290px;
height:126px;
transform:translateX(-50%);
opacity:.50;
}
.home-featured.home-featured-text-only .home-slide{
width:100%;
height:auto;
}
.home-featured.home-featured-text-only .home-slide-content{
width:100%;
min-height:0;
padding:13px 15px 14px;
display:flex;
flex-direction:column;
align-items:center!important;
gap:7px;
text-align:center!important;
border:1px solid rgba(229,199,141,.085);
border-radius:16px;
background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 10px 28px rgba(0,0,0,.12);
}
.home-featured.home-featured-text-only .home-slide-content::before{
top:0;
right:50%;
width:76px;
height:1px;
transform:translateX(50%);
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.68;
}
.home-featured.home-featured-text-only .home-slide-content::after{display:none}
.home-featured.home-featured-text-only .home-slide-content h1{
margin:0;
padding:0;
color:#e5c785;
font-size:18px!important;
line-height:1.40!important;
text-align:center!important;
}
.home-featured.home-featured-text-only .home-slide-content h1::before{display:none}
.home-featured.home-featured-text-only .home-slide-content h1::after{
width:34px;
height:1px;
margin:7px auto 0;
opacity:.55;
}
.home-featured.home-featured-text-only .home-slide-content p{
margin:0 auto;
padding:0;
max-width:100%;
color:#d8d0c5;
font-size:11.6px;
line-height:1.72;
font-weight:500;
text-align:center!important;
text-wrap:pretty;
}
}
@media (max-width:430px){
.home-featured.home-featured-text-only{padding:8px 9px 10px}
.home-featured.home-featured-text-only .home-slide-content{
padding:11px 12px 12px;
gap:6px;
border-radius:14px;
}
.home-featured.home-featured-text-only .home-slide-content h1{font-size:17px!important}
.home-featured.home-featured-text-only .home-slide-content p{font-size:11.2px;line-height:1.68}
}
/* =========================================================
R14.5.7 — SINGLE ROOT SCROLL
Keep exactly one document scrollbar. RTL must not create a
second body/main scrolling surface alongside the root page.
========================================================= */
html{
width:100%;
min-height:100%;
overflow-x:hidden;
overflow-y:auto;
scrollbar-gutter:auto;
}
body{
width:100%;
height:auto!important;
max-height:none!important;
min-height:100svh;
overflow-x:clip;
overflow-y:visible!important;
}
#main-content{
width:100%;
min-width:0;
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
@supports not (overflow:clip){
body{overflow-x:hidden}
}
/* Root scrollbar only; internal components keep their own
intentional scrolling rules where explicitly defined. */
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#0d0d0d}
html::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,rgba(229,199,141,.42),rgba(130,105,71,.42));
border:3px solid #0d0d0d;
border-radius:999px;
}
/* =========================================================
R14.5.8 — ACADEMY INTRO EDITORIAL PRESENTATION
Same content, cleaner typography and lighter premium framing.
========================================================= */
.home-featured.home-featured-text-only{
position:relative;
isolation:isolate;
padding-block:20px 22px;
background:
radial-gradient(circle at 84% 24%,rgba(229,199,141,.050),transparent 24%),
radial-gradient(circle at 16% 84%,rgba(130,105,71,.025),transparent 25%),
linear-gradient(180deg,#11100f 0%,#0c0c0c 100%);
}
.home-featured.home-featured-text-only .home-slide-content{
width:min(1160px,100%);
min-height:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
-webkit-backdrop-filter:none;
overflow:visible;
}
.home-featured.home-featured-text-only .home-slide-content::before,
.home-featured.home-featured-text-only .home-slide-content::after{
pointer-events:none;
}
.home-featured.home-featured-text-only .home-slide-content p br + br{
display:block;
content:"";
margin-top:.72em;
}
@media (min-width:821px){
.home-featured.home-featured-text-only{
padding:20px clamp(30px,5vw,78px) 22px;
}
.home-featured.home-featured-text-only .home-slide-content{
display:grid;
grid-template-columns:minmax(250px,30%) minmax(0,1fr);
grid-template-areas:"title copy";
align-items:center!important;
gap:clamp(34px,4vw,62px);
padding:14px clamp(8px,1vw,16px);
}
.home-featured.home-featured-text-only .home-slide-content::before{
content:"";
position:absolute;
inset-inline:0;
top:0;
width:auto;
height:1px;
transform:none;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.15) 24%,rgba(229,199,141,.26) 50%,rgba(229,199,141,.15) 76%,transparent);
opacity:.72;
}
.home-featured.home-featured-text-only .home-slide-content::after{
content:"";
position:absolute;
inset-inline:0;
top:auto;
bottom:0;
width:auto;
height:1px;
transform:none;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.08) 24%,rgba(229,199,141,.15) 50%,rgba(229,199,141,.08) 76%,transparent);
opacity:.75;
}
.home-featured.home-featured-text-only .home-slide-content h1{
grid-area:title;
justify-self:stretch;
margin:0;
padding:24px 24px 22px;
min-height:112px;
display:flex;
align-items:center;
justify-content:flex-start;
position:relative;
border:1px solid rgba(229,199,141,.095);
border-radius:22px;
background:
radial-gradient(circle at 78% 22%,rgba(229,199,141,.08),transparent 36%),
linear-gradient(135deg,rgba(255,255,255,.018),rgba(229,199,141,.016));
color:#e7ca8e;
font-size:clamp(24px,1.8vw,29px)!important;
line-height:1.42!important;
text-align:right!important;
text-shadow:0 8px 26px rgba(0,0,0,.35);
box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 16px 40px rgba(0,0,0,.12);
}
.home-featured.home-featured-text-only .home-slide-content h1::before{
content:"";
display:block;
position:absolute;
right:0;
top:22px;
bottom:22px;
width:2px;
height:auto;
border-radius:999px;
background:linear-gradient(180deg,transparent,var(--c-gold-bright),transparent);
box-shadow:none;
opacity:.62;
}
.home-featured.home-featured-text-only .home-slide-content h1::after{
content:"";
position:absolute;
right:24px;
bottom:17px;
width:42px;
height:1px;
margin:0;
border-radius:999px;
background:linear-gradient(90deg,var(--c-gold-bright),transparent);
opacity:.48;
}
.home-featured.home-featured-text-only .home-slide-content p{
grid-area:copy;
margin:0;
padding:8px 0 8px 24px;
max-width:820px;
color:#d8d0c5;
font-size:clamp(13px,.92vw,14.2px);
line-height:2;
font-weight:500;
text-align:right!important;
text-wrap:pretty;
position:relative;
}
.home-featured.home-featured-text-only .home-slide-content p::before{
content:"";
position:absolute;
right:-18px;
top:12px;
bottom:12px;
width:1px;
background:linear-gradient(180deg,transparent,rgba(229,199,141,.23),transparent);
opacity:.8;
}
}
@media (max-width:820px){
.home-featured.home-featured-text-only{
padding:12px 14px 16px;
border-bottom:1px solid rgba(229,199,141,.075);
}
.home-featured.home-featured-text-only .home-slide-content{
display:flex;
flex-direction:column;
align-items:stretch!important;
gap:12px;
padding:4px 2px 0;
text-align:right!important;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.home-featured.home-featured-text-only .home-slide-content::before{
content:"";
position:absolute;
top:0;
right:50%;
width:68px;
height:1px;
transform:translateX(50%);
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.52;
}
.home-featured.home-featured-text-only .home-slide-content::after{display:none}
.home-featured.home-featured-text-only .home-slide-content h1{
margin:0 auto;
padding:12px 17px 10px;
width:max-content;
max-width:100%;
min-height:0;
display:block;
color:#e7c986;
font-size:18px!important;
line-height:1.35!important;
font-weight:900;
text-align:center!important;
border:0;
border-bottom:1px solid rgba(229,199,141,.13);
border-radius:0;
background:transparent;
box-shadow:none;
text-shadow:0 6px 20px rgba(0,0,0,.35);
}
.home-featured.home-featured-text-only .home-slide-content h1::before{display:none}
.home-featured.home-featured-text-only .home-slide-content h1::after{
content:"";
display:block;
position:static;
width:34px;
height:1px;
margin:8px auto -11px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.56;
}
.home-featured.home-featured-text-only .home-slide-content p{
margin:0;
padding:13px 14px 14px 16px;
max-width:none;
color:#d7cfc4;
font-size:11.8px;
line-height:1.88;
font-weight:500;
text-align:right!important;
text-wrap:pretty;
border-right:2px solid rgba(229,199,141,.27);
border-radius:0 12px 12px 0;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.025));
box-shadow:none;
}
.home-featured.home-featured-text-only .home-slide-content p br + br{
margin-top:.82em;
}
}
@media (max-width:430px){
.home-featured.home-featured-text-only{padding:10px 11px 14px}
.home-featured.home-featured-text-only .home-slide-content{gap:10px;padding-top:3px}
.home-featured.home-featured-text-only .home-slide-content h1{font-size:17.5px!important;padding-inline:12px}
.home-featured.home-featured-text-only .home-slide-content p{
padding:12px 12px 13px 13px;
font-size:11.45px;
line-height:1.86;
}
}
/* =========================================================
R14.5.9 — ACADEMY INTRO SHOWCASE
Preserve the exact admin-managed copy, but present each
authored paragraph as a premium statement rather than a
single dense text block.
========================================================= */
.home-featured.home-featured-text-only{
padding:26px clamp(18px,4.6vw,72px) 28px;
border-bottom:1px solid rgba(229,199,141,.10);
background:
radial-gradient(circle at 50% -10%,rgba(229,199,141,.07),transparent 36%),
radial-gradient(circle at 92% 55%,rgba(229,199,141,.035),transparent 24%),
linear-gradient(180deg,#11100f 0%,#0d0d0d 100%);
}
.home-featured.home-featured-text-only::before{
opacity:.16;
background-size:46px 46px;
-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%);
mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 88%);
}
.home-featured.home-featured-text-only::after{
display:none;
}
.home-featured.home-featured-text-only .home-slide{
height:auto;
min-height:0;
}
.home-featured.home-featured-text-only .home-slide-content{
position:relative;
inset:auto;
width:min(1240px,100%);
height:auto;
min-height:0;
margin:0 auto;
padding:0;
display:block;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
overflow:visible;
text-align:initial!important;
}
.home-featured.home-featured-text-only .home-slide-content::before,
.home-featured.home-featured-text-only .home-slide-content::after{
display:none!important;
}
.home-featured.home-featured-text-only .home-intro-heading{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin:0 auto 23px;
width:min(760px,100%);
}
.home-featured.home-featured-text-only .home-intro-heading::before,
.home-featured.home-featured-text-only .home-intro-heading::after{
content:"";
flex:1 1 auto;
height:1px;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.36));
opacity:.8;
}
.home-featured.home-featured-text-only .home-intro-heading::after{
transform:scaleX(-1);
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
position:relative;
flex:0 0 auto;
width:auto;
min-height:0;
max-width:min(100%,520px);
margin:0;
padding:0 2px 8px;
display:block;
border:0;
border-radius:0;
background:transparent;
color:#ebcf92;
font-size:clamp(25px,2vw,31px)!important;
line-height:1.35!important;
font-weight:900;
letter-spacing:-.018em;
text-align:center!important;
text-shadow:0 8px 26px rgba(0,0,0,.38),0 0 22px rgba(229,199,141,.055);
box-shadow:none;
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1::before{
display:none!important;
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1::after{
content:"";
position:absolute;
right:50%;
bottom:0;
width:44px;
height:2px;
margin:0;
transform:translateX(50%);
border-radius:999px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent);
opacity:.72;
}
.home-featured.home-featured-text-only .home-intro-statements{
position:relative;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
align-items:stretch;
width:100%;
border-top:1px solid rgba(229,199,141,.10);
border-bottom:1px solid rgba(229,199,141,.08);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.008) 50%,transparent);
}
.home-featured.home-featured-text-only .home-intro-statement{
position:relative;
min-width:0;
padding:22px clamp(18px,2.2vw,30px) 21px;
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:13px;
align-content:start;
direction:rtl;
}
.home-featured.home-featured-text-only .home-intro-statement + .home-intro-statement{
border-inline-start:1px solid rgba(229,199,141,.105);
}
.home-featured.home-featured-text-only .home-intro-icon{
width:36px;
height:36px;
margin-top:2px;
display:grid;
place-items:center;
border:1px solid rgba(229,199,141,.22);
border-radius:12px;
background:
radial-gradient(circle at 35% 20%,rgba(255,255,255,.08),transparent 38%),
linear-gradient(145deg,rgba(229,199,141,.09),rgba(229,199,141,.025));
color:#dfbd78;
font-size:15px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.10);
}
.home-featured.home-featured-text-only .home-intro-statement p{
margin:0;
padding:0;
max-width:none;
color:#d9d1c6;
font-size:clamp(12.8px,.88vw,14px);
line-height:1.92;
font-weight:500;
text-align:right!important;
text-wrap:pretty;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
text-shadow:0 3px 15px rgba(0,0,0,.24);
}
.home-featured.home-featured-text-only .home-intro-statement::after{
content:"";
position:absolute;
right:clamp(18px,2.2vw,30px);
left:clamp(18px,2.2vw,30px);
bottom:-1px;
height:1px;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.08),transparent);
opacity:0;
}
@media (min-width:821px) and (max-width:1060px){
.home-featured.home-featured-text-only{padding-inline:26px}
.home-featured.home-featured-text-only .home-intro-statements{
grid-template-columns:1fr;
max-width:900px;
margin-inline:auto;
}
.home-featured.home-featured-text-only .home-intro-statement{
grid-template-columns:40px minmax(0,1fr);
padding:16px 18px;
}
.home-featured.home-featured-text-only .home-intro-statement + .home-intro-statement{
border-inline-start:0;
border-top:1px solid rgba(229,199,141,.08);
}
}
@media (max-width:820px){
.home-featured.home-featured-text-only{
padding:15px 14px 16px;
background:
radial-gradient(circle at 50% -4%,rgba(229,199,141,.065),transparent 32%),
linear-gradient(180deg,#11100f 0%,#0d0d0d 100%);
}
.home-featured.home-featured-text-only .home-slide-content{
padding:0;
display:block;
}
.home-featured.home-featured-text-only .home-intro-heading{
gap:10px;
margin-bottom:12px;
}
.home-featured.home-featured-text-only .home-intro-heading::before,
.home-featured.home-featured-text-only .home-intro-heading::after{
opacity:.50;
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
padding-bottom:7px;
font-size:18.5px!important;
line-height:1.35!important;
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1::after{
width:34px;
height:1px;
}
.home-featured.home-featured-text-only .home-intro-statements{
display:flex;
flex-direction:column;
border:0;
border-radius:0;
background:transparent;
}
.home-featured.home-featured-text-only .home-intro-statement{
min-height:0;
padding:13px 2px 14px;
display:flex;
flex-direction:row;
align-items:flex-start;
gap:10px;
border:0!important;
}
.home-featured.home-featured-text-only .home-intro-statement + .home-intro-statement{
border-top:1px solid rgba(229,199,141,.085)!important;
}
.home-featured.home-featured-text-only .home-intro-icon{
flex:0 0 32px;
width:32px;
height:32px;
margin-top:1px;
border-radius:10px;
font-size:13px;
}
.home-featured.home-featured-text-only .home-intro-statement p{
flex:1 1 auto;
min-width:0;
padding:0!important;
color:#d8d0c5;
font-size:11.65px;
line-height:1.88;
text-align:right!important;
}
}
@media (max-width:430px){
.home-featured.home-featured-text-only{padding:12px 11px 13px}
.home-featured.home-featured-text-only .home-intro-heading{margin-bottom:9px}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{font-size:17.5px!important}
.home-featured.home-featured-text-only .home-intro-statement{padding:11px 1px 12px;gap:9px}
.home-featured.home-featured-text-only .home-intro-icon{flex-basis:30px;width:30px;height:30px;border-radius:9px;font-size:12px}
.home-featured.home-featured-text-only .home-intro-statement p{font-size:11.35px;line-height:1.84}
}
/* =========================================================
R14.5.10 — ACADEMY INTRO GOLD SHIMMER
Refined, low-frequency metallic shimmer for the academy
intro title, copy and icons. Motion is reduced on mobile
and fully disabled when the visitor prefers reduced motion.
========================================================= */
@keyframes academyIntroTitleShimmer{
0%,68%,100%{background-position:135% 50%}
78%{background-position:-35% 50%}
}
@keyframes academyIntroCopyGlow{
0%,70%,100%{
color:#d9d1c6;
text-shadow:0 3px 15px rgba(0,0,0,.24);
}
77%{
color:#e6dccb;
text-shadow:
0 3px 15px rgba(0,0,0,.24),
0 0 8px rgba(229,199,141,.10),
0 0 18px rgba(229,199,141,.055);
}
82%{
color:#ddd4c7;
text-shadow:
0 3px 15px rgba(0,0,0,.24),
0 0 5px rgba(229,199,141,.055);
}
}
@keyframes academyIntroIconGleam{
0%,72%,100%{
color:#dfbd78;
border-color:rgba(229,199,141,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.10);
filter:brightness(1);
}
78%{
color:#ffe2a5;
border-color:rgba(244,211,143,.42);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.06),
0 0 11px rgba(229,199,141,.11),
0 8px 24px rgba(0,0,0,.10);
filter:brightness(1.08);
}
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
color:#ebcf92;
background-image:linear-gradient(
105deg,
#d4ad68 0%,
#e6c783 36%,
#fff4ca 47%,
#f8d995 52%,
#c9974d 64%,
#dfbd79 100%
);
background-size:240% 100%;
background-position:135% 50%;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
animation:academyIntroTitleShimmer 8.4s cubic-bezier(.45,0,.2,1) infinite;
will-change:background-position;
}
.home-featured.home-featured-text-only .home-intro-statement p{
animation:academyIntroCopyGlow 9.2s ease-in-out infinite;
}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(2) p{animation-delay:.55s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(3) p{animation-delay:1.1s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(4) p{animation-delay:1.65s}
.home-featured.home-featured-text-only .home-intro-icon{
animation:academyIntroIconGleam 9.2s ease-in-out infinite;
}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(2) .home-intro-icon{animation-delay:.55s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(3) .home-intro-icon{animation-delay:1.1s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(4) .home-intro-icon{animation-delay:1.65s}
@media (max-width:820px){
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
animation-duration:10.5s;
background-image:linear-gradient(105deg,#d9b86f 0%,#e1c47f 40%,#fff0bd 49%,#e3bf76 57%,#d0a45c 100%);
}
.home-featured.home-featured-text-only .home-intro-statement p,
.home-featured.home-featured-text-only .home-intro-icon{
animation-duration:11.2s;
}
}
@media (prefers-reduced-motion:reduce){
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1,
.home-featured.home-featured-text-only .home-intro-statement p,
.home-featured.home-featured-text-only .home-intro-icon{
animation:none!important;
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
background:none;
-webkit-text-fill-color:#ebcf92;
color:#ebcf92;
}
}
/* =========================================================
R14.5.11 — SEAMLESS FOLLOWED-MARKETS LOOP
Continuous LTR ticker: the next market group is already
visible before the previous one finishes, so no blank gap
can appear between cycles on desktop or mobile.
========================================================= */
.home-market-followed-strip .home-market-single-track.market-seamless-ready{
overflow:hidden;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-track{
left:auto!important;
right:auto!important;
margin:0!important;
gap:0!important;
justify-content:flex-start!important;
width:max-content!important;
transform:translate3d(calc(var(--market-loop-shift,320px) * -1),0,0);
animation:r14511MarketSeamless var(--market-loop-duration,18s) linear infinite!important;
animation-delay:0s!important;
will-change:transform;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-group{
width:max-content!important;
min-width:max-content!important;
flex:0 0 auto!important;
flex-wrap:nowrap!important;
padding:0 9px 0 0!important;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready:hover .home-market-track,
.home-market-followed-strip .home-market-single-track.market-seamless-ready:focus-within .home-market-track{
animation-play-state:paused!important;
}
@keyframes r14511MarketSeamless{
from{transform:translate3d(calc(var(--market-loop-shift,320px) * -1),0,0)}
to{transform:translate3d(0,0,0)}
}
@media(max-width:760px){
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-group{
padding-right:7px!important;
}
}
@media(prefers-reduced-motion:reduce){
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-track{
animation:none!important;
transform:none!important;
}
}
/* =========================================================
R14.5.12 — FASTER ACADEMY GOLD SHIMMER
Faster, more frequent premium shimmer without harsh flashing.
========================================================= */
@keyframes academyIntroTitleShimmer{
0%,34%,100%{background-position:135% 50%}
58%{background-position:-35% 50%}
}
@keyframes academyIntroCopyGlow{
0%,34%,100%{
color:#d9d1c6;
text-shadow:0 3px 15px rgba(0,0,0,.24);
}
49%{
color:#eadfca;
text-shadow:
0 3px 15px rgba(0,0,0,.24),
0 0 9px rgba(229,199,141,.12),
0 0 20px rgba(229,199,141,.07);
}
64%{
color:#ddd4c7;
text-shadow:
0 3px 15px rgba(0,0,0,.24),
0 0 5px rgba(229,199,141,.055);
}
}
@keyframes academyIntroIconGleam{
0%,36%,100%{
color:#dfbd78;
border-color:rgba(229,199,141,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.10);
filter:brightness(1);
}
50%{
color:#ffe8b5;
border-color:rgba(244,211,143,.48);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.07),
0 0 13px rgba(229,199,141,.14),
0 8px 24px rgba(0,0,0,.10);
filter:brightness(1.10);
}
64%{
color:#e7c681;
border-color:rgba(229,199,141,.27);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.10);
filter:brightness(1.02);
}
}
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{
animation-duration:3.8s;
animation-timing-function:cubic-bezier(.38,0,.22,1);
}
.home-featured.home-featured-text-only .home-intro-statement p{
animation-duration:4.25s;
}
.home-featured.home-featured-text-only .home-intro-icon{
animation-duration:4.25s;
}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(2) p,
.home-featured.home-featured-text-only .home-intro-statement:nth-child(2) .home-intro-icon{animation-delay:.18s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(3) p,
.home-featured.home-featured-text-only .home-intro-statement:nth-child(3) .home-intro-icon{animation-delay:.36s}
.home-featured.home-featured-text-only .home-intro-statement:nth-child(4) p,
.home-featured.home-featured-text-only .home-intro-statement:nth-child(4) .home-intro-icon{animation-delay:.54s}
@media(max-width:820px){
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1{animation-duration:4.2s}
.home-featured.home-featured-text-only .home-intro-statement p,
.home-featured.home-featured-text-only .home-intro-icon{animation-duration:4.65s}
}
/* =========================================================
R14.5.13 — 3 SECOND ACADEMY SHIMMER
Title, statement copy and matching icons repeat every 3s.
========================================================= */
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1,
.home-featured.home-featured-text-only .home-intro-statement p,
.home-featured.home-featured-text-only .home-intro-icon{
animation-duration:3s;
}
@media(max-width:820px){
.home-featured.home-featured-text-only .home-slide-content .home-intro-heading h1,
.home-featured.home-featured-text-only .home-intro-statement p,
.home-featured.home-featured-text-only .home-intro-icon{
animation-duration:3s;
}
}
/* =========================================================
R14.5.14 — GOLD COPY FADE + TICKER COMPATIBILITY FIX
Description copy softly fades white -> gold -> white every 3s.
The followed-markets ticker uses a precomputed negative pixel offset,
avoiding calc() multiplication/subtraction compatibility issues.
========================================================= */
@keyframes academyIntroTextGoldFade{
0%,100%{
color:#f3eee7;
text-shadow:0 3px 15px rgba(0,0,0,.24);
}
25%{
color:#eee5d8;
text-shadow:0 3px 15px rgba(0,0,0,.24),0 0 4px rgba(229,199,141,.035);
}
50%{
color:#e6bd68;
text-shadow:0 3px 15px rgba(0,0,0,.24),0 0 9px rgba(229,199,141,.13),0 0 20px rgba(229,199,141,.065);
}
75%{
color:#eee5d8;
text-shadow:0 3px 15px rgba(0,0,0,.24),0 0 4px rgba(229,199,141,.035);
}
}
.home-featured.home-featured-text-only .home-intro-statement p{
animation-name:academyIntroTextGoldFade!important;
animation-duration:3s!important;
animation-timing-function:ease-in-out!important;
animation-iteration-count:infinite!important;
animation-fill-mode:both!important;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-track{
transform:translate3d(var(--market-loop-start,-320px),0,0)!important;
animation:r14514MarketSeamless var(--market-loop-duration,18s) linear infinite!important;
animation-delay:0s!important;
animation-play-state:running!important;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready:hover .home-market-track,
.home-market-followed-strip .home-market-single-track.market-seamless-ready:focus-within .home-market-track{
animation-play-state:running!important;
}
@keyframes r14514MarketSeamless{
from{transform:translate3d(var(--market-loop-start,-320px),0,0)}
to{transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
.home-featured.home-featured-text-only .home-intro-statement p{
animation:none!important;
color:#f3eee7!important;
}
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-track{
animation:none!important;
transform:none!important;
}
}
/* =========================================================
R14.5.15 — SEAMLESS TICKER CLONE VISIBILITY FIX
Old accessibility CSS hid aria-hidden loop clones with
display:none, leaving the animated track visually empty.
Keep clones hidden from assistive tech but visible in layout.
========================================================= */
.home-market-followed-strip .home-market-single-track.market-seamless-ready .home-market-group[data-market-loop-clone][aria-hidden="true"]{
display:flex!important;
visibility:visible!important;
opacity:1!important;
}
/* =========================================================
R14.5.16 — CSS-ONLY FAILSAFE SEAMLESS MARKETS TICKER
Server-rendered visual copies remove JS sizing/cloning dependency.
Twelve equal groups let the track move exactly one group width
(1/12 of its total width) and reset invisibly with no blank gap.
========================================================= */
.home-market-followed-strip .home-market-single-track.home-market-css-loop{
width:100%!important;
overflow:hidden!important;
position:relative!important;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)!important;
mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-track{
display:flex!important;
width:max-content!important;
min-width:max-content!important;
max-width:none!important;
gap:0!important;
justify-content:flex-start!important;
direction:ltr!important;
position:static!important;
left:auto!important;
right:auto!important;
margin:0!important;
opacity:1!important;
visibility:visible!important;
transform:translate3d(-8.3333333333%,0,0)!important;
animation:r14516MarketCssSeamless 18s linear infinite!important;
animation-delay:0s!important;
animation-play-state:running!important;
will-change:transform!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-group,
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-group[aria-hidden="true"]{
display:flex!important;
width:max-content!important;
min-width:max-content!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:9px!important;
padding:0 9px 0 0!important;
direction:ltr!important;
opacity:1!important;
visibility:visible!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-chip{
flex:0 0 auto!important;
direction:rtl!important;
white-space:nowrap!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop:hover .home-market-track,
.home-market-followed-strip .home-market-single-track.home-market-css-loop:focus-within .home-market-track{
animation-play-state:running!important;
}
@keyframes r14516MarketCssSeamless{
from{transform:translate3d(-8.3333333333%,0,0)}
to{transform:translate3d(0,0,0)}
}
@media(max-width:760px){
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-track{
animation-duration:15s!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-group,
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-group[aria-hidden="true"]{
gap:7px!important;
padding-right:7px!important;
}
}
@media(prefers-reduced-motion:reduce){
.home-market-followed-strip .home-market-single-track.home-market-css-loop{
overflow-x:auto!important;
-webkit-mask-image:none!important;
mask-image:none!important;
scrollbar-width:none;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop::-webkit-scrollbar{display:none}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-track{
animation:none!important;
transform:none!important;
}
.home-market-followed-strip .home-market-single-track.home-market-css-loop .home-market-loop-copy{
display:none!important;
}
}
/* =========================================================
R14.5.17 — ISOLATED MARKETS TICKER REBUILD
Clean namespace: intentionally does not reuse the historical
home-market-track / home-market-group animation classes.
========================================================= */
.r14517-market-ticker{
width:min(1160px,94vw);
min-height:48px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
position:relative;
display:block;
border:1px solid rgba(229,199,141,.10);
border-radius:16px;
background:rgba(255,255,255,.014);
direction:ltr;
isolation:isolate;
}
.r14517-market-ticker::before,
.r14517-market-ticker::after{
content:"";
position:absolute;
top:0;
bottom:0;
width:34px;
z-index:3;
pointer-events:none;
}
.r14517-market-ticker::before{left:0;background:linear-gradient(90deg,#11100f 0,rgba(17,16,15,.82) 30%,transparent 100%)}
.r14517-market-ticker::after{right:0;background:linear-gradient(270deg,#11100f 0,rgba(17,16,15,.82) 30%,transparent 100%)}
.r14517-market-ticker-track{
display:flex!important;
align-items:center!important;
width:max-content!important;
min-width:max-content!important;
max-width:none!important;
height:auto!important;
min-height:28px!important;
margin:0!important;
padding:0!important;
gap:0!important;
position:relative!important;
inset:auto!important;
opacity:1!important;
visibility:visible!important;
direction:ltr!important;
transform:translate3d(-10%,0,0);
animation:r14517MarketTicker 18s linear infinite!important;
animation-play-state:running!important;
will-change:transform;
}
.r14517-market-ticker-set,
.r14517-market-ticker-set[aria-hidden="true"]{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex:0 0 auto!important;
width:max-content!important;
min-width:max-content!important;
height:auto!important;
min-height:28px!important;
margin:0!important;
padding:0 9px 0 0!important;
gap:9px!important;
flex-wrap:nowrap!important;
opacity:1!important;
visibility:visible!important;
direction:ltr!important;
}
.r14517-market-ticker .r14517-market-ticker-chip{
display:inline-flex!important;
align-items:center!important;
flex:0 0 auto!important;
width:auto!important;
height:auto!important;
min-height:30px!important;
margin:0!important;
opacity:1!important;
visibility:visible!important;
white-space:nowrap!important;
direction:rtl!important;
}
.r14517-market-ticker .r14517-market-ticker-chip>span{
display:inline!important;
opacity:1!important;
visibility:visible!important;
color:inherit!important;
}
@keyframes r14517MarketTicker{
from{transform:translate3d(-10%,0,0)}
to{transform:translate3d(0,0,0)}
}
.r14517-market-ticker:hover .r14517-market-ticker-track,
.r14517-market-ticker:focus-within .r14517-market-ticker-track{animation-play-state:running!important}
@media(max-width:760px){
.r14517-market-ticker{width:min(94vw,680px);min-height:46px;padding:9px 0;border-radius:14px}
.r14517-market-ticker::before,.r14517-market-ticker::after{width:22px}
.r14517-market-ticker-track{animation-duration:15s!important}
.r14517-market-ticker-set,.r14517-market-ticker-set[aria-hidden="true"]{gap:7px!important;padding-right:7px!important}
}
@media(prefers-reduced-motion:reduce){
.r14517-market-ticker{overflow-x:auto;scrollbar-width:none}
.r14517-market-ticker::-webkit-scrollbar{display:none}
.r14517-market-ticker-track{animation:none!important;transform:none!important}
.r14517-market-ticker-set[aria-hidden="true"]{display:none!important}
}
/* =========================================================
R14.5.18 — SERVICE / ABOUT / CONTACT / STUDENTS EXPERIENCE
========================================================= */
.page-hero-with-media{min-height:clamp(330px,38vw,510px);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;background:#090909}
.page-hero-with-media .page-hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.08) brightness(.58);opacity:.78;pointer-events:none}
.page-hero-with-media::before{content:"";position:absolute;z-index:1;inset:0;width:auto;height:auto;background:linear-gradient(180deg,rgba(5,5,5,.38),rgba(8,8,8,.62) 56%,rgba(8,8,8,.91)),linear-gradient(90deg,rgba(8,8,8,.66),rgba(8,8,8,.16) 48%,rgba(8,8,8,.58));opacity:1;box-shadow:inset 0 -1px 0 rgba(229,199,141,.16);pointer-events:none}
.page-hero-with-media>.eyebrow,.page-hero-with-media>h1,.page-hero-with-media>p,.page-hero-with-media>.service-hero-meta{position:relative;z-index:3}
.page-hero-with-media>h1{text-shadow:0 8px 36px rgba(0,0,0,.7),0 0 34px rgba(229,199,141,.08)}
.page-hero-with-media>p{color:#e3d8ca;text-shadow:0 3px 18px rgba(0,0,0,.85)}
.page-hero-with-media::after{z-index:2;color:rgba(229,199,141,.055)}
/* Primary services — lighter story, clearer features, direct registration. */
.primary-service-showcase{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 4%,rgba(229,199,141,.055),transparent 24%),linear-gradient(180deg,#0d0d0d,#12110f 58%,#0d0d0d)}
.primary-service-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(229,199,141,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(229,199,141,.018) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%)}
.primary-service-showcase .service-story-grid{position:relative;z-index:1;gap:18px}
.service-story-premium{padding:clamp(24px,3.6vw,42px);border-color:rgba(229,199,141,.16);background:linear-gradient(145deg,rgba(28,26,23,.9),rgba(12,12,12,.96));box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)}
.service-about-heading{display:grid;justify-items:start;gap:7px;margin-bottom:18px}
.service-about-heading h2{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.025em;color:#f7efe4}
.service-heading-line{display:block;width:86px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--c-gold-bright),rgba(229,199,141,.08));box-shadow:0 0 16px rgba(229,199,141,.2)}
.service-story-premium>p{margin:0;color:#e1d8cb;font-size:clamp(14px,1.2vw,16px);line-height:2.1;animation:r14518ServiceTextGold 3s ease-in-out infinite}
.service-audience-block{padding:18px 20px;border:1px solid rgba(229,199,141,.1);border-radius:18px;background:rgba(229,199,141,.025)}
.service-feature-heading{max-width:680px}.service-feature-heading h3{font-size:clamp(22px,2.1vw,29px)!important}.service-feature-heading p{font-size:13px;line-height:1.9}
.service-feature-pillars{gap:14px}
.service-feature-pillar{min-height:184px;padding:22px;border-color:rgba(229,199,141,.14);background:linear-gradient(150deg,rgba(30,28,24,.94),rgba(13,13,13,.98));transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.service-feature-pillar::after{content:"";position:absolute;z-index:1;top:-35%;bottom:-35%;left:-45%;width:26%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,238,194,.16),transparent);filter:blur(1px);animation:r14518ServiceSweep 3s ease-in-out infinite;animation-delay:var(--feature-delay,0s);pointer-events:none}
.service-feature-pillar:hover{transform:translateY(-5px);border-color:rgba(229,199,141,.34);box-shadow:0 26px 62px rgba(0,0,0,.34),0 0 28px rgba(229,199,141,.055)}
.service-feature-pillar h4{position:relative;z-index:2;font-size:17px;animation:r14518ServiceTextGold 3s ease-in-out infinite;animation-delay:var(--feature-delay,0s)}
.service-feature-pillar p{position:relative;z-index:2;font-size:12px;line-height:1.9}
.service-feature-icon{position:relative;z-index:2;width:48px;height:48px;border-radius:15px;font-size:21px;animation:r14518ServiceIconGlow 3s ease-in-out infinite;animation-delay:var(--feature-delay,0s)}
.service-register-card{overflow:hidden;border-color:rgba(229,199,141,.19);background:radial-gradient(circle at 50% 0,rgba(229,199,141,.12),transparent 35%),linear-gradient(155deg,#211d17,#101010 64%)}
.service-register-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(255,239,202,.05) 46%,transparent 68%);transform:translateX(-120%);animation:r14518RegisterSweep 4.2s ease-in-out infinite}
.service-register-card>*{position:relative;z-index:1}
.service-whatsapp-cta{background:linear-gradient(135deg,#efd493,#9b7745);box-shadow:0 18px 44px rgba(209,181,133,.22)}
.service-whatsapp-cta .bi-whatsapp{font-size:19px}
@keyframes r14518ServiceTextGold{0%,16%,100%{color:#f7efe3;text-shadow:none}48%,62%{color:#e7c783;text-shadow:0 0 16px rgba(229,199,141,.18)}}
@keyframes r14518ServiceIconGlow{0%,18%,100%{color:var(--c-gold-bright);box-shadow:none}50%,64%{color:#fff0c7;box-shadow:0 0 24px rgba(229,199,141,.16),inset 0 0 18px rgba(229,199,141,.08)}}
@keyframes r14518ServiceSweep{0%,34%{left:-45%;opacity:0}46%{opacity:.9}67%,100%{left:125%;opacity:0}}
@keyframes r14518RegisterSweep{0%,52%{transform:translateX(-120%);opacity:0}64%{opacity:1}82%,100%{transform:translateX(120%);opacity:0}}
/* About — founder first, three concepts merged, pillars before contact. */
.about-r14518-shell{display:grid;gap:18px;background:radial-gradient(circle at 16% 6%,rgba(229,199,141,.045),transparent 24%),linear-gradient(180deg,#0d0d0d,#13120f)}
.about-r14518-shell>.about-story,.about-r14518-shell>.about-founder-priority,.about-r14518-shell>.about-merged-vision,.about-r14518-shell>.about-pillars-final,.about-r14518-shell>.about-contact-only{width:min(1120px,92vw);margin-inline:auto}
.about-r14518-shell>.about-story{margin-bottom:0;border-color:rgba(229,199,141,.16)}
.about-founder-priority{margin-top:0!important;padding:24px 28px;border-color:rgba(229,199,141,.18);background:linear-gradient(135deg,rgba(45,38,29,.58),rgba(15,15,15,.96))}
.about-founder-priority .about-founder-icon{width:64px;height:64px;font-size:27px;box-shadow:0 0 30px rgba(229,199,141,.08)}
.about-merged-vision{padding:clamp(22px,3vw,34px);overflow:hidden;background:radial-gradient(circle at 90% 0,rgba(229,199,141,.08),transparent 28%),linear-gradient(145deg,rgba(28,26,23,.94),rgba(11,11,11,.98))}
.about-merged-heading{text-align:center;max-width:720px;margin:0 auto 24px}.about-merged-heading h2{font-size:clamp(25px,3vw,38px);margin:9px 0 8px}.about-merged-heading p{margin:0;color:var(--c-muted);line-height:1.8}
.about-merged-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(229,199,141,.11);border-bottom:1px solid rgba(229,199,141,.08)}
.about-merged-grid>section{padding:24px;display:flex;gap:14px;align-items:flex-start;min-width:0}.about-merged-grid>section+section{border-inline-start:1px solid rgba(229,199,141,.1)}
.about-merged-grid .mini-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(229,199,141,.08);border:1px solid rgba(229,199,141,.15);color:var(--c-gold-bright);font-size:19px}
.about-merged-grid h3{margin:0 0 8px;font-size:17px;color:#f6eddf}.about-merged-grid p{margin:0;color:var(--c-muted);font-size:12px;line-height:1.9}.about-market-chips.compact{margin-top:12px}.about-market-chips.compact span{font-size:9.5px;padding:5px 8px}
.about-pillars-final{margin-top:5px!important}.about-pillars-final article{position:relative;overflow:hidden;border-color:rgba(229,199,141,.14);background:linear-gradient(150deg,#1a1815,#101010)}.about-pillars-final article::after{content:"";position:absolute;inset:auto -45px -60px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(229,199,141,.08),transparent 68%)}
.about-contact-only{padding-top:4px}.about-contact-only .btn{min-width:190px}
/* Contact — hero artwork + WhatsApp number as first-class contact. */
.contact-r14518-shell{background:radial-gradient(circle at 82% 4%,rgba(229,199,141,.04),transparent 24%),linear-gradient(180deg,#0d0d0d,#13120f)}
.contact-whatsapp-featured{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:18px 0;padding:14px 16px;border-radius:18px;border:1px solid rgba(67,220,124,.25);background:linear-gradient(135deg,rgba(37,211,102,.09),rgba(229,199,141,.035));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.contact-whatsapp-featured:hover{transform:translateY(-2px);border-color:rgba(67,220,124,.42);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.contact-whatsapp-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#25d366;color:#07170c;font-size:23px;box-shadow:0 8px 24px rgba(37,211,102,.18)}
.contact-whatsapp-featured>span:nth-child(2){display:grid;gap:2px}.contact-whatsapp-featured small{color:#a89e90;font-size:10.5px}.contact-whatsapp-featured b{color:#f7f0e5;font-size:15px;letter-spacing:.035em}.contact-whatsapp-featured>.bi{color:#b9a47e}
/* Students & certificates — journey + certificate + inline code/QR only. */
.student-r14518-shell{padding-top:42px;background:radial-gradient(circle at 50% 3%,rgba(229,199,141,.05),transparent 25%),linear-gradient(180deg,#0d0d0d,#12110f)}
.student-journey-shimmer article{isolation:isolate;border-color:rgba(229,199,141,.15);background:linear-gradient(145deg,#1b1916,#0f0f0f);min-height:150px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-items:start}
.student-journey-shimmer article::before{content:"";position:absolute;z-index:0;top:-40%;bottom:-40%;left:-48%;width:26%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,239,202,.18),transparent);animation:r14518JourneySweep 3s ease-in-out infinite;animation-delay:var(--journey-delay,0s);pointer-events:none}
.student-journey-shimmer article>*{position:relative;z-index:1}.student-journey-shimmer article>span{grid-column:1;font-size:25px;animation:r14518JourneyGold 3s ease-in-out infinite;animation-delay:var(--journey-delay,0s)}
.student-journey-shimmer .journey-icon{grid-column:2;justify-self:end;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--c-gold-bright);border:1px solid rgba(229,199,141,.15);background:rgba(229,199,141,.06);font-size:18px;animation:r14518JourneyIcon 3s ease-in-out infinite;animation-delay:var(--journey-delay,0s)}
.student-journey-shimmer article>p{grid-column:1/-1;margin-top:5px;font-size:12.5px;line-height:1.85}
@keyframes r14518JourneySweep{0%,34%{left:-48%;opacity:0}46%{opacity:.95}68%,100%{left:128%;opacity:0}}
@keyframes r14518JourneyGold{0%,18%,100%{color:var(--c-gold-bright);text-shadow:none}50%,64%{color:#fff0c6;text-shadow:0 0 18px rgba(229,199,141,.25)}}
@keyframes r14518JourneyIcon{0%,18%,100%{box-shadow:none}50%,64%{box-shadow:0 0 22px rgba(229,199,141,.14);color:#fff0c6}}
.student-certificate-live{width:min(1180px,94vw);margin:42px auto 0;padding-top:28px;border-top:1px solid rgba(229,199,141,.12)}
.student-certificate-live-head{display:flex;justify-content:center;text-align:center;margin-bottom:20px}.student-certificate-live-head>div{max-width:760px}.student-certificate-live-head h2{margin:8px 0 8px;font-size:clamp(25px,3vw,40px)}.student-certificate-live-head p{margin:0;color:var(--c-muted);line-height:1.85}
.student-certificate-live-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.55fr);gap:18px;align-items:start}
.student-certificate-preview-wrap{min-width:0;border:1px solid rgba(229,199,141,.11);border-radius:24px;padding:10px;background:#0a0a0a;box-shadow:0 26px 72px rgba(0,0,0,.3)}
.student-certificate-preview-wrap .certificate-public-scroll{padding:0;overflow:auto;border-radius:17px}.student-certificate-preview-wrap .academy-certificate{width:100%;margin:0;min-height:560px}
.certificate-inline-panel{position:sticky;top:94px;padding:22px;overflow:hidden;border-color:rgba(229,199,141,.18);background:radial-gradient(circle at 50% 0,rgba(229,199,141,.1),transparent 34%),linear-gradient(150deg,#1c1915,#0e0e0e)}
.certificate-inline-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-deep));color:#17120d;font-size:25px;box-shadow:0 12px 30px rgba(209,181,133,.16)}
.certificate-inline-panel h3{margin:15px 0 4px;font-size:22px}.certificate-inline-form{margin-top:14px}.certificate-inline-form label{display:block;margin-bottom:7px;color:var(--c-muted);font-size:11px;font-weight:800}.certificate-inline-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.certificate-inline-input input{min-width:0;width:100%;height:49px;border-radius:13px;border:1px solid rgba(229,199,141,.18);background:#0b0b0b;color:#fff;padding:0 12px;outline:none;direction:ltr;text-align:left;font-size:11px}.certificate-inline-input input:focus{border-color:rgba(229,199,141,.48);box-shadow:0 0 0 3px rgba(229,199,141,.06)}.certificate-inline-input .btn{min-height:49px;padding-inline:15px}
.certificate-qr-direct{margin-top:18px;padding-top:17px;border-top:1px solid rgba(229,199,141,.09);display:grid;gap:12px}.certificate-qr-direct>div{display:flex;gap:10px;align-items:flex-start}.certificate-qr-direct>div>i{color:var(--c-gold-bright);font-size:24px}.certificate-qr-direct span{display:grid;gap:2px}.certificate-qr-direct b{font-size:13px}.certificate-qr-direct small{color:var(--c-muted);font-size:10.5px;line-height:1.6}.certificate-qr-direct .btn{width:100%;min-height:45px}
.certificate-qr-reader{position:relative;margin-top:14px;border:1px solid rgba(229,199,141,.18);border-radius:18px;overflow:hidden;background:#050505;aspect-ratio:4/5}.certificate-qr-reader[hidden]{display:none}.certificate-qr-reader video{width:100%;height:100%;object-fit:cover}.certificate-qr-frame{position:absolute;inset:20%;border:2px solid rgba(239,212,147,.82);border-radius:16px;box-shadow:0 0 0 999px rgba(0,0,0,.26),0 0 26px rgba(229,199,141,.12)}.certificate-qr-frame span{position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,transparent 0 46%,rgba(229,199,141,.78) 49%,transparent 52%);animation:r14518QrScan 2.2s linear infinite}.certificate-qr-close{position:absolute;z-index:4;top:10px;left:10px;width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,8,.72);color:#fff;display:grid;place-items:center}.certificate-qr-reader p{position:absolute;z-index:4;right:10px;left:10px;bottom:9px;margin:0;padding:8px 10px;border-radius:10px;background:rgba(5,5,5,.76);color:#eee;text-align:center;font-size:10px;line-height:1.5}.certificate-qr-support{margin:10px 0 0;color:#bbaa90;font-size:10px;line-height:1.7}
@keyframes r14518QrScan{from{transform:translateY(-45%)}to{transform:translateY(45%)}}
.certificate-inline-result{display:flex;gap:9px;align-items:flex-start;margin-top:15px;padding:11px 12px;border-radius:14px;border:1px solid rgba(229,199,141,.12);background:rgba(229,199,141,.04)}.certificate-inline-result>i{font-size:20px;margin-top:1px}.certificate-inline-result span{display:grid;gap:2px}.certificate-inline-result b{font-size:12px}.certificate-inline-result small{color:var(--c-muted);font-size:9.5px;line-height:1.6}.certificate-inline-result.valid{border-color:rgba(78,194,128,.24);background:rgba(78,194,128,.06)}.certificate-inline-result.valid>i{color:#7cdaa4}.certificate-inline-result.revoked,.certificate-inline-result.invalid{border-color:rgba(213,96,96,.22);background:rgba(213,96,96,.05)}.certificate-inline-result.revoked>i,.certificate-inline-result.invalid>i{color:#e08b8b}.certificate-inline-result.test>i{color:var(--c-gold-bright)}
@media(max-width:980px){
.about-merged-grid{grid-template-columns:1fr}.about-merged-grid>section+section{border-inline-start:0;border-top:1px solid rgba(229,199,141,.09)}
.student-certificate-live-grid{grid-template-columns:1fr}.certificate-inline-panel{position:relative;top:auto}
}
@media(max-width:820px){
.page-hero-with-media{min-height:360px;padding-block:58px}.page-hero-with-media .page-hero-media{filter:saturate(.78) contrast(1.06) brightness(.52)}
.service-story-premium{padding:22px}.service-story-premium>p{font-size:14px}.service-feature-pillars{grid-template-columns:1fr 1fr}
.about-r14518-shell>.about-story,.about-r14518-shell>.about-founder-priority,.about-r14518-shell>.about-merged-vision,.about-r14518-shell>.about-pillars-final,.about-r14518-shell>.about-contact-only{width:100%}
.about-merged-grid>section{padding:20px}
.student-certificate-live{width:100%}
}
@media(max-width:620px){
.page-hero-with-media{min-height:325px;padding:48px 17px}.page-hero-with-media h1{font-size:34px!important}.page-hero-with-media p{font-size:14px;line-height:1.8}
.service-about-heading{justify-items:center;text-align:center}.service-heading-line{background:linear-gradient(90deg,transparent,var(--c-gold-bright),transparent)}.service-story-premium>p{text-align:right;line-height:2}.service-feature-pillars{grid-template-columns:1fr}.service-feature-pillar{min-height:0;padding:18px}.service-register-card{padding:18px}
.about-founder-priority{padding:18px;align-items:center}.about-founder-priority .about-founder-icon{width:54px;height:54px}.about-merged-vision{padding:19px 16px}.about-merged-heading{text-align:right;margin-bottom:18px}.about-merged-grid>section{padding:18px 4px}.about-merged-grid .mini-icon{width:40px;height:40px;flex-basis:40px}.about-pillars-final{grid-template-columns:1fr 1fr!important}.about-pillars-final article{padding:15px}.about-pillars-final p{font-size:10.5px}.about-contact-only .btn{width:100%}
.contact-whatsapp-featured{padding:12px}.contact-whatsapp-icon{width:42px;height:42px}.contact-whatsapp-featured b{font-size:13px}
.student-r14518-shell{padding-top:34px}.student-journey-shimmer article{min-height:0;padding:16px}.student-certificate-live{margin-top:32px;padding-top:22px}.student-certificate-live-head{text-align:right;justify-content:flex-start}.student-certificate-live-head h2{font-size:27px}.student-certificate-live-head p{font-size:12px}.student-certificate-preview-wrap{padding:5px;border-radius:18px}.student-certificate-preview-wrap .academy-certificate{min-height:500px}.certificate-inline-panel{padding:18px}.certificate-inline-input{grid-template-columns:1fr}.certificate-inline-input .btn{width:100%}.certificate-qr-reader{aspect-ratio:3/4}
}
@media(prefers-reduced-motion:reduce){
.service-story-premium>p,.service-feature-pillar h4,.service-feature-icon,.student-journey-shimmer article>span,.student-journey-shimmer .journey-icon{animation:none!important}
.service-feature-pillar::after,.service-register-card::before,.student-journey-shimmer article::before,.certificate-qr-frame span{animation:none!important;display:none}
}
/* =========================================================
R14.5.19 — RESPONSIVE CERTIFICATE PREVIEW + MOBILE-PARITY DESKTOP SLIDER
========================================================= */
/* Certificate stays compact in the page and expands only on request. */
.student-certificate-live-grid{
grid-template-columns:minmax(0,1fr) minmax(300px,360px);
align-items:center;
gap:clamp(18px,2.5vw,30px);
}
.student-certificate-preview-wrap{
min-width:0;
display:grid;
place-items:center;
padding:clamp(10px,1.5vw,16px);
border-radius:22px;
overflow:hidden;
}
.certificate-thumbnail-trigger{
position:relative;
width:min(520px,100%);
margin-inline:auto;
cursor:zoom-in;
outline:none;
border-radius:18px;
transition:transform .24s ease,filter .24s ease;
}
.certificate-thumbnail-trigger:hover{transform:translateY(-3px);filter:brightness(1.035)}
.certificate-thumbnail-trigger:focus-visible{box-shadow:0 0 0 3px rgba(229,199,141,.24)}
.certificate-thumbnail-canvas{
--certificate-thumb-scale:.5;
position:relative;
width:100%;
min-height:190px;
overflow:hidden;
border:1px solid rgba(229,199,141,.2);
border-radius:18px;
background:#0a0908;
box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018) inset;
}
.certificate-thumbnail-source{
position:absolute;
top:0;
left:0;
width:1040px;
max-width:none;
transform:scale(var(--certificate-thumb-scale));
transform-origin:top left;
pointer-events:none;
}
.certificate-thumbnail-source .academy-certificate{
width:1040px!important;
max-width:none!important;
min-height:560px!important;
margin:0!important;
box-sizing:border-box;
}
.certificate-thumbnail-glass{
position:absolute;
z-index:2;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(180deg,transparent 50%,rgba(5,5,5,.56) 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.certificate-thumbnail-action{
position:absolute;
z-index:3;
right:50%;
bottom:12px;
transform:translateX(50%);
display:flex;
align-items:center;
gap:8px;
min-width:max-content;
padding:8px 12px;
border:1px solid rgba(229,199,141,.24);
border-radius:999px;
background:rgba(9,9,9,.78);
color:#f5e9d4;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.certificate-thumbnail-action i{color:var(--c-gold-bright);font-size:13px}
.certificate-thumbnail-action b{font-size:10.5px}
.certificate-thumbnail-action small{color:#a99d8b;font-size:9px}
.certificate-lightbox[hidden]{display:none!important}
.certificate-lightbox{
position:fixed;
z-index:5000;
inset:0;
display:grid;
place-items:center;
padding:20px;
}
.certificate-lightbox-backdrop{
position:absolute;
inset:0;
background:rgba(3,3,3,.9);
backdrop-filter:blur(12px) saturate(.85);
-webkit-backdrop-filter:blur(12px) saturate(.85);
}
.certificate-lightbox-dialog{
position:relative;
z-index:1;
display:grid;
justify-items:center;
gap:10px;
max-width:calc(100vw - 24px);
max-height:calc(100svh - 24px);
}
.certificate-lightbox-stage{
position:relative;
overflow:hidden;
border:1px solid rgba(229,199,141,.26);
border-radius:18px;
background:#090909;
box-shadow:0 38px 110px rgba(0,0,0,.65),0 0 45px rgba(229,199,141,.05);
}
.certificate-lightbox-scale{
position:absolute;
top:0;
left:0;
width:1040px;
max-width:none;
transform:scale(var(--certificate-modal-scale,1));
transform-origin:top left;
}
.certificate-lightbox-scale .academy-certificate{
width:1040px!important;
max-width:none!important;
min-height:560px!important;
margin:0!important;
box-sizing:border-box;
}
.certificate-lightbox-close{
position:absolute;
z-index:4;
top:10px;
left:10px;
width:42px;
height:42px;
display:grid;
place-items:center;
border:1px solid rgba(229,199,141,.25);
border-radius:13px;
background:rgba(8,8,8,.8);
color:#fff;
font-size:17px;
cursor:pointer;
backdrop-filter:blur(9px);
-webkit-backdrop-filter:blur(9px);
}
.certificate-lightbox-hint{color:#b9ad9a;font-size:10px;display:flex;align-items:center;gap:7px}
.certificate-lightbox-hint i{color:var(--c-gold-bright)}
html.certificate-lightbox-open,html.certificate-lightbox-open body{overflow:hidden!important}
/* Desktop uses the same visual composition as mobile: image first, copy at the bottom, no glass copy card. */
@media(min-width:821px){
.home-slider-secondary{
width:min(1540px,calc(100% - clamp(40px,5vw,92px)));
height:clamp(500px,34vw,610px);
margin:28px auto 38px;
border:1px solid rgba(229,199,141,.17);
border-radius:28px;
overflow:hidden;
background:#090909;
box-shadow:0 30px 82px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.016) inset;
}
.home-slider-secondary::before{inset:0;border:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.home-slider-secondary::after{
content:"";
position:absolute;
z-index:1;
inset:0;
pointer-events:none;
background:linear-gradient(180deg,rgba(5,5,5,.04) 0%,transparent 42%,rgba(5,5,5,.2) 68%,rgba(5,5,5,.76) 100%);
}
.home-slider-secondary .home-slide>img{
object-position:center;
filter:saturate(.9) contrast(1.04) brightness(.9);
transform:scale(1.01);
}
.home-slider-secondary .home-slide.active>img{transform:scale(1.035)}
.home-slider-secondary .home-slide-shade,
.home-slider-secondary .home-slide.align-right .home-slide-shade,
.home-slider-secondary .home-slide.align-left .home-slide-shade,
.home-slider-secondary .home-slide.align-center .home-slide-shade{
z-index:1;
background:linear-gradient(180deg,rgba(5,5,5,.03) 0%,rgba(5,5,5,.03) 48%,rgba(5,5,5,.38) 72%,rgba(5,5,5,.78) 100%);
}
.home-slider-secondary .home-slide-content,
.home-slider-secondary .home-slide.align-right .home-slide-content,
.home-slider-secondary .home-slide.align-left .home-slide-content,
.home-slider-secondary .home-slide.align-center .home-slide-content{
position:absolute;
z-index:3;
inset:0!important;
top:0!important;
right:0!important;
bottom:0!important;
left:0!important;
width:min(1180px,calc(100% - 100px));
height:100%;
min-height:0;
margin:0 auto;
padding:34px 0 64px;
gap:7px;
justify-content:flex-end;
border:0;
border-radius:0;
background:transparent;
backdrop-filter:none;
-webkit-backdrop-filter:none;
box-shadow:none;
overflow:visible;
}
.home-slider-secondary .home-slide-content::before,
.home-slider-secondary .home-slide-content::after{display:none!important}
.home-slider-secondary .home-slide.align-right .home-slide-content{align-items:flex-start;text-align:right}
.home-slider-secondary .home-slide.align-left .home-slide-content{align-items:flex-end;text-align:left}
.home-slider-secondary .home-slide.align-center .home-slide-content{align-items:center;text-align:center}
.home-slider-secondary .home-slide:not(.active) .home-slide-content,
.home-slider-secondary .home-slide:not(.active).align-right .home-slide-content,
.home-slider-secondary .home-slide:not(.active).align-left .home-slide-content,
.home-slider-secondary .home-slide:not(.active).align-center .home-slide-content{
opacity:0;
transform:translateY(10px)!important;
}
.home-slider-secondary .home-slide.active .home-slide-content,
.home-slider-secondary .home-slide.active.align-right .home-slide-content,
.home-slider-secondary .home-slide.active.align-left .home-slide-content,
.home-slider-secondary .home-slide.active.align-center .home-slide-content{
opacity:1;
transform:translateY(0)!important;
}
.home-slider-secondary .home-slide-content h2{
width:auto;
max-width:720px;
margin:0;
color:#fff7e9;
font-size:clamp(24px,2.1vw,34px)!important;
line-height:1.42!important;
letter-spacing:0;
text-shadow:0 5px 24px rgba(0,0,0,.76);
-webkit-line-clamp:2;
}
.home-slider-secondary .home-slide-content p{
max-width:720px;
margin:0;
color:#ded4c5;
font-size:clamp(13px,1.05vw,16px);
line-height:1.68;
text-shadow:0 4px 20px rgba(0,0,0,.78);
-webkit-line-clamp:2;
}
.home-slider-secondary .home-slide-content .btn{
min-width:0;
min-height:39px;
margin-top:3px;
padding:8px 14px;
border-radius:12px;
font-size:12px;
box-shadow:0 10px 28px rgba(209,181,133,.14);
}
.home-slider-secondary .slider-arrow{top:47%;width:42px;height:42px;border-radius:14px}
.home-slider-secondary .slider-prev{right:14px}.home-slider-secondary .slider-next{left:14px}
.home-slider-secondary .slider-dots{bottom:11px;padding:6px 10px}
}
@media(max-width:980px){
.student-certificate-live-grid{grid-template-columns:1fr}
.certificate-inline-panel{width:min(560px,100%);margin-inline:auto}
}
@media(max-width:620px){
.student-certificate-preview-wrap{padding:6px;border-radius:16px;background:transparent;border-color:rgba(229,199,141,.09);box-shadow:none}
.certificate-thumbnail-trigger{width:min(100%,430px);border-radius:14px}
.certificate-thumbnail-canvas{min-height:170px;border-radius:14px}
.certificate-thumbnail-action{bottom:8px;padding:7px 10px}
.certificate-thumbnail-action small{display:none}
.certificate-lightbox{padding:10px}
.certificate-lightbox-stage{border-radius:12px}
.certificate-lightbox-close{top:6px;left:6px;width:38px;height:38px;border-radius:11px}
}
@media(prefers-reduced-motion:reduce){.certificate-thumbnail-trigger{transition:none}}
/* =========================================================
R14.5.20 — TOP-ANCHORED DESKTOP SLIDER + BRAND FLOATING CONTACTS
========================================================= */
/* Desktop slider photos keep the upper frame visible first, protecting faces/heads from vertical crop. */
@media(min-width:821px){
.home-slider-secondary .home-slide>img{
object-fit:cover!important;
object-position:50% 0%!important;
transform-origin:50% 0%!important;
}
.home-slider-secondary .home-slide.active>img{transform:scale(1.018)}
}
/* One premium floating contact stack, fully aligned with MASTER EL GOLD identity. */
.floating-contact-stack{
position:fixed;
z-index:920;
left:20px;
bottom:20px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
pointer-events:none;
}
.floating-contact-stack .floating-action{
position:relative;
inset:auto;
bottom:auto;
left:auto;
pointer-events:auto;
}
.floating-action.floating-action-brand{
width:54px;
height:54px;
overflow:visible;
border:1px solid rgba(229,199,141,.34);
border-radius:18px;
background:
radial-gradient(circle at 28% 20%,rgba(255,238,196,.12),transparent 34%),
linear-gradient(145deg,rgba(34,31,26,.97),rgba(11,11,11,.98));
color:var(--c-gold-bright);
box-shadow:0 16px 42px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.02) inset,0 0 26px rgba(209,181,133,.06);
backdrop-filter:blur(14px) saturate(1.05);
-webkit-backdrop-filter:blur(14px) saturate(1.05);
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.floating-action.floating-action-brand::before{
content:"";
position:absolute;
inset:5px;
border:1px solid rgba(229,199,141,.09);
border-radius:13px;
pointer-events:none;
}
.floating-action.floating-action-brand::after{
content:"";
position:absolute;
inset:-1px;
border-radius:inherit;
pointer-events:none;
opacity:.35;
background:linear-gradient(120deg,transparent 20%,rgba(255,238,196,.18) 45%,transparent 70%);
background-size:220% 100%;
animation:floatingBrandShimmer 4.8s ease-in-out infinite;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
padding:1px;
}
.floating-action.floating-action-brand i{position:relative;z-index:2;font-size:24px;filter:drop-shadow(0 3px 10px rgba(209,181,133,.18))}
.floating-action.floating-action-brand span{
position:absolute;
z-index:4;
left:calc(100% + 10px);
top:50%;
transform:translate(5px,-50%);
width:max-content;
max-width:180px;
padding:7px 10px;
border:1px solid rgba(229,199,141,.2);
border-radius:10px;
background:rgba(12,12,12,.94);
color:#f1e6d3;
font-size:11px;
font-weight:800;
line-height:1.25;
box-shadow:0 12px 30px rgba(0,0,0,.34);
opacity:0;
visibility:hidden;
white-space:nowrap;
pointer-events:none;
transition:opacity .18s ease,visibility .18s ease,transform .18s ease;
}
.floating-action.floating-action-brand:hover,
.floating-action.floating-action-brand:focus-visible{
transform:translateY(-2px) scale(1.035);
border-color:rgba(255,224,157,.68);
color:#fff1cb;
background:linear-gradient(145deg,rgba(53,44,30,.98),rgba(14,13,12,.99));
box-shadow:0 20px 52px rgba(0,0,0,.48),0 0 28px rgba(209,181,133,.14);
outline:none;
}
.floating-action.floating-action-brand:hover span,
.floating-action.floating-action-brand:focus-visible span{opacity:1;visibility:visible;transform:translate(0,-50%)}
.floating-action.floating-action-brand.telegram::after{animation-delay:.35s}
@keyframes floatingBrandShimmer{0%,62%,100%{background-position:180% 0;opacity:.18}76%{background-position:-40% 0;opacity:.52}}
/* Keep back-to-top separate from the communication stack. */
.back-to-top{left:auto;right:18px;bottom:18px}
@media(max-width:620px){
.floating-contact-stack{left:12px;bottom:12px;gap:8px}
.floating-action.floating-action-brand{width:48px;height:48px;border-radius:15px}
.floating-action.floating-action-brand::before{inset:4px;border-radius:11px}
.floating-action.floating-action-brand i{font-size:21px}
.floating-action.floating-action-brand span{display:none}
.back-to-top{left:auto;right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.floating-action.floating-action-brand::after{animation:none!important}}
@media print{.floating-contact-stack{display:none!important}}
/* =========================================================
R14.5.21 — DESKTOP SLIDER BALANCE REFINEMENT
Restore the R14.5.19-style framing, lower the artwork subtly,
and give the desktop banner a little more presence.
========================================================= */
@media(min-width:821px){
.home-slider-secondary{
width:min(1580px,calc(100% - clamp(34px,4.4vw,82px)));
height:clamp(530px,36vw,650px);
}
.home-slider-secondary .home-slide>img{
object-fit:cover!important;
object-position:50% 44%!important;
transform-origin:50% 50%!important;
transform:scale(1.01);
}
.home-slider-secondary .home-slide.active>img{transform:scale(1.035)}
}
/* =========================================================
R14.5.22 — DESKTOP SLIDER FULL-IMAGE FIT
Preserve the complete uploaded artwork on desktop instead
of aggressively cropping faces/subjects with cover.
Mobile remains unchanged.
========================================================= */
@media(min-width:821px){
.home-slider-secondary{
height:clamp(590px,42vw,720px);
background:
radial-gradient(circle at 50% 42%,rgba(212,176,106,.055),transparent 45%),
linear-gradient(180deg,#0b0b0b 0%,#070707 100%);
}
.home-slider-secondary .home-slide{
background:
radial-gradient(circle at 50% 45%,rgba(229,199,141,.045),transparent 46%),
#080808;
}
.home-slider-secondary .home-slide>img,
.home-slider-secondary .home-slide.active>img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:50% 50%!important;
transform:none!important;
transform-origin:50% 50%!important;
filter:saturate(.92) contrast(1.035) brightness(.92);
}
.home-slider-secondary::after{
background:linear-gradient(180deg,rgba(5,5,5,.02) 0%,transparent 46%,rgba(5,5,5,.17) 68%,rgba(5,5,5,.70) 100%);
}
.home-slider-secondary .home-slide-shade,
.home-slider-secondary .home-slide.align-right .home-slide-shade,
.home-slider-secondary .home-slide.align-left .home-slide-shade,
.home-slider-secondary .home-slide.align-center .home-slide-shade{
background:linear-gradient(180deg,rgba(5,5,5,.015) 0%,rgba(5,5,5,.025) 50%,rgba(5,5,5,.28) 74%,rgba(5,5,5,.72) 100%);
}
}
/* =========================================================
R14.5.23 — ISOLATED RESPONSIVE SLIDE VISUAL STAGE
Keeps the full desktop artwork visible while a softened
cover copy fills the canvas. Mobile preserves cover behavior.
The wrapper isolates this image from accumulated legacy
.home-slide > img rules.
========================================================= */
.home-slider-secondary .r14523-slide-visual{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
background:#080808;
border-radius:inherit;
pointer-events:none;
}
.home-slider-secondary .r14523-slide-visual>img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
margin:0;
border:0;
max-width:none;
max-height:none;
}
.home-slider-secondary .r14523-slide-backdrop{
z-index:0;
object-fit:cover;
object-position:50% 50%;
transform:scale(1.07);
filter:blur(22px) saturate(.82) brightness(.34) contrast(1.05);
opacity:.82;
}
.home-slider-secondary .r14523-slide-art{
z-index:1;
object-fit:cover;
object-position:50% 50%;
filter:saturate(.92) contrast(1.035) brightness(.92);
transform:none;
}
.home-slider-secondary .home-slide-shade{z-index:2}
.home-slider-secondary .home-slide-content{z-index:3}
@media(min-width:821px){
.home-slider-secondary{
height:clamp(590px,42vw,720px);
}
.home-slider-secondary .r14523-slide-backdrop{
object-fit:cover;
object-position:50% 50%;
transform:scale(1.085);
filter:blur(24px) saturate(.78) brightness(.30) contrast(1.06);
opacity:.88;
}
.home-slider-secondary .r14523-slide-art{
object-fit:contain!important;
object-position:50% 50%!important;
transform:none!important;
filter:saturate(.95) contrast(1.025) brightness(.94);
}
.home-slider-secondary .home-slide.active .r14523-slide-art{
transform:none!important;
}
.home-slider-secondary .home-slide-shade,
.home-slider-secondary .home-slide.align-right .home-slide-shade,
.home-slider-secondary .home-slide.align-left .home-slide-shade,
.home-slider-secondary .home-slide.align-center .home-slide-shade{
background:
linear-gradient(180deg,rgba(5,5,5,.02) 0%,rgba(5,5,5,.015) 48%,rgba(5,5,5,.18) 72%,rgba(5,5,5,.60) 100%);
}
}
@media(max-width:820px){
.home-slider-secondary .r14523-slide-backdrop{display:none}
.home-slider-secondary .r14523-slide-art{
object-fit:cover;
object-position:50% 50%;
filter:saturate(.92) contrast(1.04) brightness(.90);
}
}
/* =========================================================
R14.5.24 — ABOUT UNIFIED INTRO + WHATSAPP-ONLY FLOATING CTA
Supervision sits above the academy story in one polished block.
No hero/slider image behavior is changed in this patch.
========================================================= */
.floating-contact-stack .floating-action.telegram{display:none!important}
.about-r14518-shell>.about-intro-unified{
width:min(1180px,94vw);
margin:0 auto 18px;
}
.about-intro-unified{
position:relative;
overflow:hidden;
padding:0;
border-color:rgba(229,199,141,.17);
background:
radial-gradient(circle at 88% 10%,rgba(229,199,141,.09),transparent 28%),
linear-gradient(145deg,rgba(27,25,22,.98),rgba(12,12,12,.99));
box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.about-intro-unified::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(112deg,transparent 0 38%,rgba(255,232,179,.035) 47%,transparent 56%);
opacity:.8;
}
.about-intro-unified>*{position:relative;z-index:1}
.about-intro-supervision{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:18px;
align-items:center;
padding:clamp(22px,2.5vw,30px) clamp(22px,3vw,36px) clamp(20px,2.2vw,27px);
}
.about-intro-icon{
width:68px;
height:68px;
display:grid;
place-items:center;
border-radius:21px;
color:#17120d;
font-size:29px;
background:linear-gradient(145deg,#f1d79b,var(--c-gold),#9b7c50);
border:1px solid rgba(255,238,193,.44);
box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 28px rgba(209,181,133,.10);
}
.about-intro-supervision-copy{min-width:0}
.about-intro-supervision-copy .eyebrow{
display:inline-flex;
align-items:center;
gap:7px;
margin-bottom:5px;
color:var(--c-gold-bright);
}
.about-intro-supervision-copy .eyebrow::before{
content:"";
width:20px;
height:1px;
background:linear-gradient(90deg,transparent,var(--c-gold-bright));
}
.about-intro-supervision-copy h2{
margin:0 0 7px;
font-size:clamp(22px,2.25vw,31px);
line-height:1.35;
color:#fff8eb;
}
.about-intro-supervision-copy p{
max-width:850px;
margin:0;
color:#c2b7a7;
font-size:clamp(12px,1.15vw,14px);
line-height:1.95;
}
.about-intro-separator{
display:flex;
align-items:center;
gap:14px;
padding-inline:clamp(22px,3vw,36px);
}
.about-intro-separator::before,
.about-intro-separator::after{
content:"";
height:1px;
flex:1;
background:linear-gradient(90deg,transparent,rgba(229,199,141,.18));
}
.about-intro-separator::after{transform:scaleX(-1)}
.about-intro-separator span{
width:7px;
height:7px;
border-radius:50%;
background:var(--c-gold);
box-shadow:0 0 15px rgba(229,199,141,.28);
}
.about-intro-academy{
display:grid;
grid-template-columns:minmax(0,1fr) 118px;
gap:24px;
align-items:center;
padding:clamp(22px,2.7vw,32px) clamp(22px,3vw,36px) clamp(24px,3vw,36px);
}
.about-intro-brand-mark{
grid-column:2;
grid-row:1;
width:118px;
aspect-ratio:1;
border-radius:28px;
order:2;
box-shadow:0 15px 42px rgba(0,0,0,.34),0 0 0 1px rgba(229,199,141,.06);
}
.about-intro-academy-copy{
grid-column:1;
grid-row:1;
min-width:0;
}
.about-intro-academy-copy .eyebrow{color:#bda67f;letter-spacing:.12em}
.about-intro-academy-copy h2{
margin:8px 0 10px;
font-size:clamp(25px,2.9vw,38px);
line-height:1.42;
color:var(--c-text);
}
.about-intro-academy-copy p{
max-width:900px;
margin:0;
color:var(--c-muted);
line-height:2;
font-size:clamp(13px,1.18vw,15px);
}
@media(max-width:820px){
.about-r14518-shell>.about-intro-unified{width:100%}
.about-intro-supervision{
grid-template-columns:56px minmax(0,1fr);
gap:14px;
padding:20px 18px 18px;
}
.about-intro-icon{width:54px;height:54px;border-radius:17px;font-size:23px}
.about-intro-supervision-copy h2{font-size:22px}
.about-intro-supervision-copy p{font-size:12px;line-height:1.9}
.about-intro-separator{padding-inline:18px}
.about-intro-academy{
grid-template-columns:minmax(0,1fr) 82px;
gap:15px;
padding:20px 18px 22px;
}
.about-intro-brand-mark{width:82px;border-radius:21px}
.about-intro-academy-copy h2{font-size:25px}
.about-intro-academy-copy p{font-size:12.5px;line-height:1.95}
}
@media(max-width:560px){
.about-intro-unified{border-radius:20px}
.about-intro-supervision{
grid-template-columns:1fr;
justify-items:start;
gap:11px;
padding:18px 16px 16px;
}
.about-intro-icon{width:48px;height:48px;border-radius:15px;font-size:21px}
.about-intro-supervision-copy .eyebrow{font-size:10px}
.about-intro-supervision-copy h2{font-size:21px;margin-bottom:6px}
.about-intro-supervision-copy p{text-align:right;font-size:11.5px;line-height:1.9}
.about-intro-separator{padding-inline:16px}
.about-intro-academy{
grid-template-columns:62px minmax(0,1fr);
gap:13px;
align-items:start;
padding:17px 16px 20px;
}
.about-intro-brand-mark{grid-column:1;grid-row:1;width:62px;border-radius:17px}
.about-intro-academy-copy{grid-column:2;grid-row:1}
.about-intro-academy-copy .eyebrow{font-size:8px;letter-spacing:.08em}
.about-intro-academy-copy h2{font-size:19px;line-height:1.55;margin:5px 0 7px}
.about-intro-academy-copy p{font-size:11.3px;line-height:1.9}
}
/* R14.5.25 — Courses-only public experience + learning schools */
.school-catalog-section{padding-top:clamp(34px,5vw,66px)}
.school-catalog-heading{width:min(820px,92vw);margin:0 auto clamp(26px,4vw,46px)!important}
.school-catalog-heading p{max-width:760px;margin-inline:auto}
.school-grid{width:min(1240px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,28px)}
.school-card{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(165deg,rgba(26,25,23,.98),rgba(12,12,12,.99));border:1px solid rgba(229,199,141,.18);box-shadow:0 26px 80px rgba(0,0,0,.28);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;min-width:0}
.school-card::before{content:"";position:absolute;inset-block:22px;inset-inline-start:0;width:3px;border-radius:99px;background:linear-gradient(180deg,transparent,var(--c-gold-bright),transparent);opacity:.8;z-index:4}
.school-card:hover{transform:translateY(-6px);border-color:rgba(229,199,141,.34);box-shadow:0 34px 100px rgba(0,0,0,.38)}
.school-card-media{position:relative;aspect-ratio:16/9;min-height:260px;overflow:hidden;background:#0b0b0b}
.school-card-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .5s ease,filter .5s ease;filter:saturate(.86) contrast(1.03) brightness(.82)}
.school-card:hover .school-card-media img{transform:scale(1.025);filter:saturate(.95) contrast(1.04) brightness(.88)}
.school-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(229,199,141,.14),transparent 34%),linear-gradient(145deg,#1d1a16,#0d0d0d);font-size:54px;color:var(--c-gold-bright)}
.school-card-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 43%,rgba(0,0,0,.78) 100%);pointer-events:none}
.school-card-badges{position:absolute;top:18px;right:18px;left:18px;display:flex;gap:9px;justify-content:space-between;align-items:center;z-index:2}
.school-card-badges span,.school-card-media-meta span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid rgba(229,199,141,.22);background:rgba(11,11,11,.78);backdrop-filter:blur(12px);color:#efe5d6;font-size:12px;font-weight:800;white-space:nowrap}
.school-card-badges .accent{background:linear-gradient(135deg,var(--c-gold-bright),#b79151);color:#17120d;border-color:transparent;box-shadow:0 8px 26px rgba(207,170,102,.18)}
.school-card-media-meta{position:absolute;bottom:16px;right:18px;left:18px;z-index:2;display:flex;justify-content:space-between;gap:10px;align-items:center}
.school-card-media-meta span{border-radius:14px;font-size:13px}
.school-card-body{padding:clamp(22px,3vw,32px)}
.school-card-level{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:13px;color:var(--c-muted);font-size:12px}
.school-card-level b{color:var(--c-gold-bright);padding:7px 11px;border-radius:10px;background:rgba(229,199,141,.08);border:1px solid rgba(229,199,141,.14)}
.school-card h2{margin:0 0 12px;font-size:clamp(24px,2.6vw,34px)!important;line-height:1.3;color:#fff}
.school-card-body>p{margin:0;color:#b5aa9c;font-size:14px;line-height:1.95;min-height:82px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.school-card-action-row{margin-top:24px;padding-top:18px;border-top:1px solid rgba(229,199,141,.12);display:flex;justify-content:space-between;align-items:center;gap:14px}
.school-card-action-row small{color:#8f867b;font-size:12px}
.school-card-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:15px;background:rgba(229,199,141,.08);border:1px solid rgba(229,199,141,.25);color:#f3e6d1;font-weight:900;transition:.24s ease}
.school-card-open:hover{background:linear-gradient(135deg,var(--c-gold-bright),#b58c4c);color:#17120d;transform:translateY(-2px)}
.school-empty-state{width:min(850px,92vw);margin:0 auto;display:grid;gap:9px;place-items:center}
.school-empty-state>i{font-size:34px;color:var(--c-gold-bright)}
.school-empty-state>b{font-size:20px;color:#f5ede2}.school-empty-state>span{max-width:650px;line-height:1.9}
.about-channels-brief{width:min(1180px,92vw);margin:22px auto 26px;padding:clamp(22px,3vw,32px);display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:24px;align-items:center;background:linear-gradient(145deg,rgba(229,199,141,.055),rgba(255,255,255,.015));border-color:rgba(229,199,141,.18)}
.about-channels-copy h2{margin:8px 0 10px;font-size:clamp(22px,2.7vw,32px)}
.about-channels-copy p{margin:0;color:var(--c-muted);line-height:1.95;max-width:820px}
.about-channels-actions{display:flex;flex-direction:column;gap:10px;min-width:min(290px,100%)}
.about-channels-actions .btn{justify-content:center;width:100%}
/* Main visual slider intentionally retired: courses are the only public service. */
.home-slider-secondary{display:none!important}
@media(max-width:900px){
.school-grid{grid-template-columns:1fr;width:min(760px,92vw)}
.school-card-media{min-height:240px}
.about-channels-brief{grid-template-columns:1fr}
.about-channels-actions{min-width:0;width:100%;flex-direction:row}
}
@media(max-width:620px){
.school-grid{width:calc(100% - 28px);gap:18px}
.school-card{border-radius:24px}
.school-card-media{aspect-ratio:1.32/1;min-height:0}
.school-card-badges{top:13px;right:13px;left:13px;gap:6px}
.school-card-badges span,.school-card-media-meta span{padding:7px 9px;font-size:10.5px}
.school-card-media-meta{right:13px;left:13px;bottom:13px}
.school-card-body{padding:19px 17px 20px}
.school-card h2{font-size:24px!important}
.school-card-body>p{font-size:13px;line-height:1.85;min-height:auto;-webkit-line-clamp:4}
.school-card-action-row{align-items:stretch;flex-direction:column;margin-top:18px;padding-top:15px}
.school-card-open{width:100%}
.about-channels-brief{width:calc(100% - 28px);padding:18px;border-radius:22px}
.about-channels-actions{flex-direction:column}
}
/* R14.5.28 — restore the homepage carousel after the courses-only transition.
R14.5.25 retired it with display:none!important; this later rule intentionally re-enables it. */
.home-slider-secondary{
display:block!important;
}
\n\n/* R14.5.30 — Seven-school premium catalog */\n@media (min-width:1181px){\n .school-grid{width:min(1380px,94vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\n .school-card{border-radius:27px}\n .school-card-media{aspect-ratio:16/10;min-height:0}\n .school-card-body{padding:23px 22px 24px}\n .school-card h2{font-size:clamp(22px,1.7vw,29px)!important;margin-bottom:10px}\n .school-card-body>p{font-size:13.5px;line-height:1.9;min-height:78px;-webkit-line-clamp:3}\n .school-card-action-row{margin-top:20px;padding-top:16px}\n}\n@media (min-width:761px) and (max-width:1180px){\n .school-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(980px,92vw)}\n}\n@media (max-width:760px){\n .school-grid{grid-template-columns:1fr}\n .school-card-body>p{display:block;min-height:0}\n}\n
/* R14.6 — Courses/LMS compact catalog, rich details, 3/2/1 media grid */
.course-catalog-section{padding-top:46px}.course-catalog-heading{max-width:820px;margin-inline:auto;margin-bottom:30px}.course-catalog-grid{width:min(1320px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-catalog-card{min-width:0;overflow:hidden;border:1px solid rgba(210,174,103,.18);border-radius:22px;background:linear-gradient(155deg,rgba(28,26,23,.96),rgba(12,12,12,.98));box-shadow:0 18px 54px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.course-catalog-card:hover{transform:translateY(-4px);border-color:rgba(224,189,115,.42);box-shadow:0 24px 64px rgba(0,0,0,.34)}.course-catalog-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 40%,#322815,#090909 72%)}.course-catalog-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.course-catalog-card:hover .course-catalog-cover img{transform:scale(1.025)}.course-catalog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.62))}.course-catalog-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:48px;color:#d7b66f}.course-catalog-level{position:absolute;z-index:2;right:13px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(10,10,10,.78);border:1px solid rgba(219,184,110,.34);backdrop-filter:blur(12px);font-size:10.5px;font-weight:900;color:#ead29c}.course-catalog-body{padding:17px 18px 18px}.course-catalog-subtitle{display:block;color:#c8aa6b;font-size:11px;font-weight:900;letter-spacing:.02em;margin-bottom:5px}.course-catalog-card h2{font-size:22px!important;line-height:1.45;margin:0 0 8px}.course-catalog-card h2 a{color:#f2eadf}.course-catalog-card p{margin:0;color:#aba49a;font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:70px}.course-catalog-meta{display:flex;flex-wrap:wrap;gap:6px 12px;padding:13px 0;margin-top:12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#c8c0b5}.course-catalog-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.course-catalog-meta i{color:#d4b16c}.course-catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.course-catalog-footer small{display:inline-flex;align-items:center;gap:5px;color:#827b72;font-size:10.5px;min-width:0}.course-catalog-footer small i{color:#b89960}.course-details-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:11px;background:linear-gradient(135deg,#e3c27e,#9a7545);color:#15110c;font-size:11.5px;font-weight:900;white-space:nowrap}
.course-detail-hero{padding:34px 0 28px}.course-detail-hero-grid{width:min(1260px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:42px}.course-detail-hero-copy{min-width:0}.course-detail-subtitle{display:block;margin:9px 0 3px;color:#d5b66f;font-size:14px;font-weight:800}.course-detail-hero h1{margin:5px 0 12px;font-size:clamp(32px,4vw,58px);line-height:1.28}.course-detail-hero-copy>p{max-width:760px;color:#bcb4a8;font-size:15px;line-height:1.95;margin:0}.course-detail-meta{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0}.course-detail-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(219,183,107,.15);color:#d2c9bc;font-size:12px}.course-detail-meta i{color:#d4b169}.course-detail-hero-actions{margin-top:18px}.course-detail-cover-wrap{position:relative;min-width:0}.course-detail-cover{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;border-radius:26px;border:1px solid rgba(218,181,104,.3);box-shadow:0 25px 70px rgba(0,0,0,.42)}.course-detail-cover-placeholder{aspect-ratio:16/10;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle,#382c18,#0a0a0a 72%);border:1px solid #4b3c26;font-size:72px;color:#d9b66e}.course-detail-progress{position:absolute;right:18px;left:18px;bottom:16px;padding:10px 12px;border-radius:14px;background:rgba(8,8,8,.82);border:1px solid rgba(219,184,110,.25);backdrop-filter:blur(14px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px}.course-detail-progress>div:first-child{display:flex;gap:7px;align-items:center}.course-detail-progress b{color:#e8c883}.course-detail-progress span{font-size:10px;color:#aaa}.course-detail-progress .course-progress-track{grid-column:1/-1;margin:0}.course-detail-layout{width:min(1260px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.course-detail-copy{padding:28px}.course-detail-copy h2{margin:5px 0 14px;font-size:28px}.course-long-copy{color:#c2baae;font-size:15px;line-height:2.05}.course-requirements{margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}.course-requirements h3{display:flex;align-items:center;gap:9px;font-size:17px}.course-requirements h3 i{color:#d7b66f}.course-detail-aside{position:sticky;top:96px;padding:22px}.course-detail-aside h3{margin:6px 0 17px}.course-info-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.06)}.course-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.course-info-list span{color:#8f887f;font-size:11px}.course-info-list b{text-align:left;font-size:12px;color:#e8dfd2}.course-detail-price{margin:18px 0;display:grid;gap:3px}.course-detail-price span,.course-detail-price small{color:#8d857b;font-size:11px}.course-detail-price strong{font-size:23px;color:#e4c57f}.course-whatsapp-join{width:100%;margin-top:18px}.course-join-note{display:block;text-align:center;color:#777068;margin-top:9px}.course-intro-video{width:min(960px,92vw);margin:auto;padding:10px}.course-intro-video iframe,.course-intro-video video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#000}.course-media-grid{width:min(1260px,92vw);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-media-card{padding:0!important;overflow:hidden;min-width:0}.course-media-image-button{appearance:none;border:0;padding:0;margin:0;width:100%;display:block;position:relative;background:#080808;cursor:zoom-in}.course-media-image-button img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.course-media-image-button>span{position:absolute;left:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(9,9,9,.78);border:1px solid rgba(226,191,118,.35);color:#e4c57e}.course-media-video iframe,.course-media-video video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.course-media-caption{padding:12px 14px;color:#c7bfb3;font-size:12px}.course-media-lightbox{width:min(1120px,94vw);max-height:92vh;padding:10px;border:1px solid rgba(226,191,118,.35);border-radius:20px;background:#090909;color:#fff}.course-media-lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}.course-media-lightbox img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:13px}.course-media-lightbox p{margin:10px 8px 3px;text-align:center;color:#bbb}.course-media-lightbox-close{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:50%;border:1px solid #5a4930;background:#111;color:#fff;cursor:pointer;z-index:3}.curriculum-lesson.locked{opacity:.58;cursor:not-allowed}.curriculum-lesson.locked .lesson-index{border-color:#4b4338;color:#70685d}.course-sequence-note{width:min(980px,92vw);margin:22px auto 0;display:flex;align-items:center;gap:15px;padding:18px}.course-sequence-note>i{font-size:25px;color:#d2ae67}.course-sequence-note>div{flex:1}.course-sequence-note b{display:block}.course-sequence-note span{display:block;color:#8e867c;font-size:12px;margin-top:3px}.compact-lesson-hero{min-height:0!important;padding-top:46px!important;padding-bottom:34px!important}.curriculum-side-locked{display:flex;align-items:center;gap:9px;padding:10px 11px;color:#6f6961;font-size:12px;border-radius:10px}.tracked-video-wrap{display:grid;gap:12px}.video-watch-progress{padding:13px 14px;border-radius:15px;background:#111;border:1px solid #302a21}.video-watch-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#a79e92;font-size:12px}.video-watch-progress b{color:#e3c27d}.video-watch-progress small{display:block;margin-top:8px;color:#777067}.lesson-next-locked{display:inline-flex;align-items:center;gap:7px;color:#756e65;font-size:12px;padding:10px 12px}.lesson-completion-box.completed{border-color:rgba(94,183,129,.42)!important;background:rgba(31,93,67,.12)!important}
@media(max-width:1100px){.course-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(900px,92vw)}.course-detail-hero-grid{grid-template-columns:1fr .8fr;gap:26px}.course-detail-layout{grid-template-columns:1fr 290px}.course-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.course-catalog-section{padding-top:30px}.course-catalog-grid{grid-template-columns:1fr;width:calc(100% - 28px);gap:15px}.course-catalog-card{border-radius:18px}.course-catalog-cover{aspect-ratio:16/9}.course-catalog-body{padding:15px}.course-catalog-card h2{font-size:19px!important}.course-catalog-card p{font-size:12.5px;min-height:0;-webkit-line-clamp:3}.course-catalog-meta{gap:5px 9px;font-size:10.5px}.course-catalog-footer{align-items:flex-end}.course-catalog-footer small{max-width:55%}.course-details-link{min-height:36px;padding:7px 10px}.course-detail-hero{padding:22px 0}.course-detail-hero-grid{grid-template-columns:1fr;width:calc(100% - 28px);gap:19px}.course-detail-hero-copy{order:2}.course-detail-cover-wrap{order:1}.course-detail-cover{border-radius:19px;aspect-ratio:16/10}.course-detail-hero h1{font-size:30px}.course-detail-hero-copy>p{font-size:13px;line-height:1.85}.course-detail-meta{margin:14px 0;gap:6px}.course-detail-meta span{font-size:10.5px;padding:7px 8px}.course-detail-hero-actions .btn{flex:1}.course-detail-layout{grid-template-columns:1fr;width:calc(100% - 28px)}.course-detail-copy{padding:19px}.course-long-copy{font-size:13.5px;line-height:1.95}.course-detail-aside{position:static;padding:18px}.course-media-grid{grid-template-columns:1fr;width:calc(100% - 28px);gap:14px}.course-media-image-button img{aspect-ratio:16/10}.course-sequence-note{width:calc(100% - 28px);align-items:flex-start;flex-wrap:wrap}.course-sequence-note .btn{width:100%}.academy-lesson-layout{gap:14px}.video-watch-progress{padding:11px}.course-media-lightbox{width:96vw;padding:7px}.course-media-lightbox-close{top:12px;left:12px}}
/* R14.7 — Access-code LMS */
.access-code-shell{padding-top:44px}.access-code-layout{width:min(1080px,92vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.access-code-card,.access-code-courses{padding:clamp(22px,3vw,32px)}.access-code-card{text-align:center}.access-code-card .mini-icon{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,rgba(229,199,141,.15),rgba(229,199,141,.04));border:1px solid rgba(229,199,141,.24);color:var(--c-gold-bright);font-size:26px}.access-code-card h2,.access-code-courses h2{margin:7px 0 10px}.access-code-card>p{color:var(--c-muted);line-height:1.9}.access-code-form{display:grid;gap:12px;margin-top:20px}.access-code-form label{display:grid;gap:7px;text-align:right;font-weight:800}.access-code-form input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(229,199,141,.2);background:#0b0b0b;color:#fff;font-size:18px;text-align:center;letter-spacing:.08em;outline:none}.access-code-form input:focus{border-color:rgba(229,199,141,.6);box-shadow:0 0 0 3px rgba(229,199,141,.07)}.access-code-help{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px;border-radius:14px;background:rgba(229,199,141,.05);color:#a99e90;font-size:12px;line-height:1.7;text-align:right}.access-code-help i{color:var(--c-gold-bright);font-size:18px}.access-validity{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.access-validity span{padding:10px;border-radius:12px;background:#0d0d0d;border:1px solid rgba(255,255,255,.06);font-size:12px;color:#9f9588}.access-validity b{display:block;color:#ead29c;margin-top:3px}.access-course-list{display:grid;gap:9px;margin-top:18px}.access-course-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid rgba(229,199,141,.12);background:rgba(255,255,255,.02);color:#eee;text-decoration:none}.access-course-list>a:hover{border-color:rgba(229,199,141,.34);background:rgba(229,199,141,.06)}.access-course-list>a>i:first-child{color:var(--c-gold-bright);font-size:20px}.access-course-list span{display:grid;gap:2px}.access-course-list small{color:#8f8579;font-size:11px}.curriculum-lesson.access-code-obscured{position:relative;cursor:not-allowed;background:linear-gradient(90deg,rgba(229,199,141,.035),rgba(255,255,255,.012));border-color:rgba(229,199,141,.08)}.curriculum-lesson.access-code-obscured .lesson-lock-copy{filter:blur(1.6px);opacity:.55;user-select:none}.curriculum-lesson.access-code-obscured .lesson-index{opacity:.45}.access-course-gate{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border-color:rgba(229,199,141,.28)!important;background:linear-gradient(145deg,rgba(229,199,141,.08),rgba(12,12,12,.96))!important}.access-course-gate>i{font-size:28px;color:var(--c-gold-bright)}.access-course-gate b,.access-course-gate span{display:block}.access-course-gate span{color:#9e958a;font-size:12px;margin-top:4px;line-height:1.7}.access-profile-lock{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;margin-top:14px;padding:12px;border-radius:13px;border:1px solid rgba(229,199,141,.14);background:rgba(229,199,141,.045)}.access-profile-lock i{grid-row:1/3;color:var(--c-gold-bright);font-size:20px}.access-profile-lock span{font-size:12px;color:#c7bcad}.access-profile-lock small{font-size:10px;color:#81786e}.lesson-video-direct::-webkit-media-controls-download-button{display:none!important}
@media(max-width:850px){.access-code-layout{grid-template-columns:1fr;width:min(680px,92vw)}.access-course-gate{grid-template-columns:auto minmax(0,1fr)}.access-course-gate .btn{grid-column:1/-1;width:100%}}
@media(max-width:560px){.access-code-shell{padding-top:28px}.access-code-layout{width:calc(100% - 28px)}.access-code-card,.access-code-courses{padding:18px}.access-validity{grid-template-columns:1fr}.access-code-form input{font-size:16px}.curriculum-lesson.access-code-obscured .lesson-lock-copy{filter:blur(1.2px)}}
/* R14.7.1 — course access gate + desktop course detail refinement */
.course-detail-hero-bg{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:center;background:#070707}
.course-detail-hero-bg::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(4,4,4,.86) 38%,rgba(4,4,4,.48) 72%,rgba(4,4,4,.68) 100%),var(--course-hero-bg,linear-gradient(135deg,#161109,#050505));background-size:cover;background-position:center 34%;filter:saturate(.9) contrast(1.03);transform:scale(1.01)}
.course-detail-hero-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.56)),radial-gradient(circle at 72% 48%,rgba(219,183,107,.12),transparent 34%);pointer-events:none}
.course-detail-hero-bg .course-detail-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);align-items:center;gap:36px}
.course-detail-hero-bg .course-detail-hero-copy{padding:18px 0;text-shadow:0 2px 28px rgba(0,0,0,.5)}
.course-detail-hero-info{padding:24px;background:linear-gradient(145deg,rgba(13,13,13,.88),rgba(8,8,8,.75));border-color:rgba(223,187,112,.28);backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,0,0,.35)}
.course-detail-hero-info h3{margin:6px 0 17px;font-size:22px}
.course-detail-hero-info .course-whatsapp-join{margin-top:17px;width:100%}
.course-detail-progress-static{display:grid;gap:9px;margin:18px 0;padding:13px 14px;border:1px solid rgba(229,199,141,.15);border-radius:14px;background:rgba(255,255,255,.025)}
.course-detail-progress-static>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.course-detail-progress-static b{color:#e8c883;font-size:18px}.course-detail-progress-static span{color:#91887c;font-size:11px}
.course-detail-overview-inner{width:min(1260px,92vw);margin:auto}.course-detail-overview .course-detail-copy{width:100%;padding:clamp(24px,3vw,38px)}
.course-detail-overview .course-long-copy{max-width:none;font-size:15.5px;line-height:2.1}
.course-media-protected-section{padding-top:38px}
.course-media-locked-card{min-height:230px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:28px!important;background:linear-gradient(145deg,rgba(229,199,141,.07),rgba(8,8,8,.96))!important;border-color:rgba(229,199,141,.24)!important}
.course-media-locked-card>i{font-size:34px;color:#d7b66f}.course-media-locked-card b,.course-media-locked-card span{display:block}.course-media-locked-card b{font-size:18px;color:#ead7aa}.course-media-locked-card span{margin-top:5px;color:#8e8579;font-size:12px}
.course-media-card-locked{min-height:230px;display:grid;place-items:stretch;background:linear-gradient(145deg,rgba(229,199,141,.055),rgba(8,8,8,.96))!important;border-color:rgba(229,199,141,.16)!important}
.course-media-locked-placeholder{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;position:relative;overflow:hidden}
.course-media-locked-placeholder::before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(229,199,141,.07);filter:blur(12px)}
.course-media-locked-placeholder>*{position:relative;z-index:1}.course-media-locked-placeholder i{font-size:34px;color:#cba85f}.course-media-locked-placeholder b{color:#ead8ad;font-size:16px}.course-media-locked-placeholder span{color:#837b72;font-size:11px;line-height:1.7}
.course-assessment-locked{opacity:.74;background:linear-gradient(145deg,rgba(229,199,141,.045),rgba(10,10,10,.96))!important}.course-assessment-locked .assessment-card-main{filter:blur(.35px)}
@media(max-width:1100px){.course-detail-hero-bg .course-detail-hero-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.course-detail-hero-bg{min-height:500px}}
@media(max-width:760px){.course-detail-hero-bg{min-height:0;padding:28px 0 26px}.course-detail-hero-bg::before{background-image:linear-gradient(180deg,rgba(5,5,5,.62),rgba(5,5,5,.93) 68%,#080808 100%),var(--course-hero-bg,linear-gradient(135deg,#161109,#050505));background-position:center 26%}.course-detail-hero-bg .course-detail-hero-grid{grid-template-columns:1fr;gap:18px}.course-detail-hero-bg .course-detail-hero-copy{order:1;padding-top:120px}.course-detail-hero-info{order:2;padding:18px;border-radius:18px}.course-detail-overview-inner{width:calc(100% - 28px)}.course-detail-overview .course-detail-copy{padding:20px}.course-media-locked-card{grid-template-columns:1fr;text-align:center;justify-items:center;min-height:210px;padding:22px!important}.course-media-locked-card .btn{width:100%}.course-media-card-locked,.course-media-locked-placeholder{min-height:190px}}
/* R14.7.4 — course access modal + locked catalog badge */
.course-catalog-lock-badge{position:absolute;z-index:3;left:13px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(11,11,11,.82);border:1px solid rgba(218,181,108,.38);color:#ecd39a;font-size:10.5px;font-weight:900;backdrop-filter:blur(12px)}
.course-catalog-card-locked .course-catalog-cover:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));pointer-events:none}
html.course-code-modal-open{overflow:hidden}
.course-code-modal[hidden]{display:none!important}.course-code-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.course-code-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}.course-code-modal-card{position:relative;z-index:1;width:min(480px,calc(100vw - 28px));padding:28px;border:1px solid rgba(218,181,108,.28);border-radius:24px;background:linear-gradient(155deg,rgba(27,24,18,.98),rgba(10,10,10,.99));box-shadow:0 28px 90px rgba(0,0,0,.58);text-align:center}.course-code-modal-card .mini-icon{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(218,181,108,.25);background:rgba(218,181,108,.08);color:#e4c27c;font-size:22px}.course-code-modal-card h2{margin:4px 0 8px;font-size:27px}.course-code-modal-card>p{margin:0 auto 10px;max-width:390px;color:#aaa197;line-height:1.8;font-size:13px}.course-code-modal-course{display:block;margin:10px auto 18px;color:#ead29c;font-size:14px}.course-code-modal-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#d8d0c5;cursor:pointer}.course-code-modal-form{display:grid;gap:12px;text-align:right}.course-code-modal-form label{display:grid;gap:7px;color:#cfc5b7;font-size:12px;font-weight:800}.course-code-modal-form input[name=access_code]{width:100%;min-height:50px;border-radius:13px;border:1px solid rgba(218,181,108,.2);background:#0e0e0e;color:#f4eee4;padding:0 14px;font:700 15px/1.2 inherit;letter-spacing:.04em;text-align:center;direction:ltr}.course-code-modal-form .btn{width:100%;min-height:48px}.course-code-modal-error{padding:10px 12px;border-radius:11px;border:1px solid rgba(207,84,84,.28);background:rgba(145,35,35,.12);color:#ffb8b8;font-size:12px;line-height:1.65;text-align:center}.course-code-modal-card>small{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin-top:14px;color:#827a70;font-size:10.5px;line-height:1.6}
@media(max-width:600px){.course-code-modal{padding:14px}.course-code-modal-card{padding:24px 18px 20px;border-radius:20px}.course-code-modal-card h2{font-size:23px}.course-code-modal-close{top:10px;left:10px}}
/* R14.7.5 — direct course code entry + live access lock */
.course-inline-code-form{margin-top:16px;padding-top:15px;border-top:1px solid rgba(216,180,91,.18)}
.course-inline-code-form>label{display:grid;gap:8px;color:#d9c9a3;font-size:.78rem;font-weight:800}
.course-inline-code-control{display:flex;align-items:stretch;gap:0;border:1px solid rgba(216,180,91,.3);border-radius:14px;overflow:hidden;background:rgba(4,4,5,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.course-inline-code-control input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;padding:13px 14px!important;font:700 .92rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;direction:ltr;text-align:left;box-shadow:none!important}
.course-inline-code-control input::placeholder{color:rgba(255,255,255,.34)}
.course-inline-code-control button{width:50px;flex:0 0 50px;border:0;border-right:1px solid rgba(216,180,91,.24);background:linear-gradient(145deg,#d6b257,#9a741e);color:#100d06;display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:.2s ease}
.course-inline-code-control button:hover{filter:brightness(1.08)}
.course-inline-code-control button:disabled{opacity:.55;cursor:wait}
.course-inline-code-error{margin-top:8px;padding:9px 11px;border:1px solid rgba(231,76,60,.28);border-radius:10px;background:rgba(125,25,20,.16);color:#ffb9b2;font-size:.78rem;line-height:1.55}
.course-inline-code-form .course-join-note{display:block;margin-top:8px;color:rgba(255,255,255,.54);line-height:1.55}
.course-locked-inline-note{display:block;margin-top:10px;color:rgba(255,255,255,.56);font-size:.78rem}
.course-access-monitor-anchor{display:none!important}
.course-live-access-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(4,4,5,.94);backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px;animation:courseAccessFade .18s ease-out}
.course-live-access-card{width:min(430px,100%);text-align:center;border:1px solid rgba(216,180,91,.32);border-radius:22px;background:linear-gradient(160deg,rgba(26,23,17,.98),rgba(9,9,11,.98));padding:30px 24px;box-shadow:0 26px 80px rgba(0,0,0,.55)}
.course-live-access-card>i{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:rgba(216,180,91,.12);color:#d8b45b;font-size:1.5rem}
.course-live-access-card h2{margin:0 0 8px;color:#f5e7c1;font-size:1.25rem}.course-live-access-card p{margin:0;color:#d6d0c2;line-height:1.75}.course-live-access-card span{display:block;margin-top:12px;color:#8f887b;font-size:.76rem}
@keyframes courseAccessFade{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.course-inline-code-control input{font-size:.82rem;padding:12px!important}.course-inline-code-control button{width:46px;flex-basis:46px}.course-live-access-card{padding:26px 18px;border-radius:18px}}
/* R14.7.6 — course cards enter details directly; compact access-state corner icon */
.course-catalog-access-badge{
position:absolute;
z-index:4;
left:13px;
top:12px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:11px;
border:1px solid rgba(224,189,115,.34);
background:rgba(10,10,10,.78);
color:#e3c279;
box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
font-size:13px;
pointer-events:none;
}
.course-catalog-access-badge.is-locked{
border-color:rgba(224,189,115,.48);
background:linear-gradient(145deg,rgba(30,25,16,.92),rgba(10,10,10,.86));
color:#f0d79c;
box-shadow:0 8px 26px rgba(0,0,0,.32),0 0 18px rgba(208,166,84,.08);
}
.course-catalog-access-badge.is-open{
border-color:rgba(224,189,115,.24);
background:rgba(10,10,10,.68);
color:#cbaa67;
}
.course-catalog-card-locked .course-catalog-cover:before{
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));
}
@media(max-width:600px){
.course-catalog-access-badge{left:11px;top:10px;width:31px;height:31px;border-radius:10px;font-size:12px}
}
/* R14.7.8 — locked media keeps a visual preview and asks for the access code */
.course-media-locked-preview{
position:relative;
overflow:hidden;
min-height:230px;
padding:0!important;
background:#0a0a0a!important;
border-color:rgba(229,199,141,.22)!important;
isolation:isolate;
}
.course-media-locked-preview .course-media-locked-image,
.course-media-locked-preview .course-media-lock-visual{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
transform:scale(1.015);
filter:brightness(.48) saturate(.78) blur(2.2px);
transition:transform .32s ease,filter .32s ease;
}
.course-media-locked-preview .course-media-lock-visual{
background-image:var(--locked-media-preview,linear-gradient(135deg,#17130d,#070707));
background-size:cover;
background-position:center;
}
.course-media-locked-preview:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(5,5,5,.68));
pointer-events:none;
}
.course-media-lock-overlay{
position:absolute;
inset:0;
z-index:2;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
padding:22px;
text-align:center;
color:#f2e7ca;
text-decoration:none;
}
.course-media-lock-overlay>i{
width:48px;
height:48px;
display:grid;
place-items:center;
margin-bottom:2px;
border-radius:15px;
border:1px solid rgba(229,199,141,.36);
background:rgba(11,11,11,.72);
color:#e4c278;
font-size:19px;
box-shadow:0 10px 28px rgba(0,0,0,.28);
backdrop-filter:blur(8px);
}
.course-media-lock-overlay b{font-size:15px;color:#f0dfb7}
.course-media-lock-overlay span{max-width:280px;color:rgba(255,255,255,.76);font-size:11.5px;line-height:1.65}
.course-media-lock-overlay em{
margin-top:3px;
padding:5px 9px;
border-radius:999px;
border:1px solid rgba(229,199,141,.22);
background:rgba(0,0,0,.46);
color:#d8ba77;
font-size:10px;
font-style:normal;
font-weight:800;
}
.course-media-locked-preview:hover .course-media-locked-image,
.course-media-locked-preview:hover .course-media-lock-visual{transform:scale(1.035);filter:brightness(.55) saturate(.84) blur(1.5px)}
.course-intro-video.course-media-locked-preview{display:block;min-height:300px;text-decoration:none}
@media(max-width:760px){
.course-media-locked-preview{min-height:190px}
.course-intro-video.course-media-locked-preview{min-height:220px}
.course-media-lock-overlay{padding:18px}
.course-media-lock-overlay>i{width:44px;height:44px;border-radius:14px}
}
/* R14.7.9 — explicit course access submit button */
.course-inline-code-control .course-inline-code-submit{width:auto;flex:0 0 auto;min-width:88px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900;font-size:.86rem;letter-spacing:0;white-space:nowrap}
.course-inline-code-control .course-inline-code-submit i{font-size:.95rem}
.course-inline-code-form .course-join-note b{color:#d8b45b;font-weight:900}
@media(max-width:620px){.course-inline-code-control .course-inline-code-submit{min-width:74px;padding:0 12px;font-size:.8rem}.course-inline-code-control .course-inline-code-submit i{font-size:.88rem}}
/* R14.7.10 — course detail cleanup / compact mobile info */
.course-detail-hero-actions:empty{display:none!important}
@media (max-width:760px){
.course-detail-hero-bg .course-detail-hero-grid{
width:min(100% - 28px,560px);
margin-inline:auto;
gap:14px;
}
.course-detail-hero-bg .course-detail-hero-copy{
width:100%;
margin-inline:auto;
padding-top:108px;
}
.course-detail-hero-info{
width:min(100%,520px);
margin-inline:auto;
padding:16px 16px 15px;
border-radius:17px;
}
.course-detail-hero-info .eyebrow{font-size:9px;letter-spacing:.13em}
.course-detail-hero-info h3{font-size:18px;margin:4px 0 11px}
.course-info-list>div{
min-height:0;
padding:9px 0;
align-items:center;
gap:12px;
}
.course-info-list span{font-size:10.5px;line-height:1.45}
.course-info-list b{font-size:11.5px;line-height:1.45;max-width:58%}
.course-detail-price{margin:13px 0}
.course-detail-price strong{font-size:20px}
.course-detail-progress-static{margin-top:12px}
.membership-active-box.compact{padding:11px 12px;margin-top:12px}
.course-inline-code-form{margin-top:12px;padding-top:12px}
.course-inline-code-form>label{gap:6px;font-size:.72rem}
.course-inline-code-control{border-radius:12px}
.course-inline-code-control input{padding:11px 12px!important;font-size:.78rem}
.course-inline-code-control .course-inline-code-submit{min-width:72px;padding:0 11px;font-size:.76rem}
.course-inline-code-form .course-join-note{font-size:.7rem;margin-top:6px;line-height:1.45}
.course-detail-hero-actions{margin-top:12px}
.course-detail-hero-actions .btn{min-height:40px;padding:9px 13px;font-size:.8rem}
}
@media (max-width:430px){
.course-detail-hero-bg .course-detail-hero-grid{width:calc(100% - 22px)}
.course-detail-hero-info{padding:14px}
.course-info-list>div{padding:8px 0}
.course-info-list span{font-size:10px}
.course-info-list b{font-size:11px}
}
.course-sequence-media{position:relative}.course-sequence-media.media-completed{border-color:rgba(109,193,137,.32)!important;box-shadow:0 18px 48px rgba(0,0,0,.26),0 0 0 1px rgba(109,193,137,.06) inset}.course-media-complete-badge{position:absolute;z-index:4;top:11px;right:11px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(9,38,24,.86);border:1px solid rgba(104,194,133,.38);color:#bce6c8;font-size:10px;font-weight:900;backdrop-filter:blur(9px)}.course-media-manual-complete{margin:12px auto 4px;display:flex;width:max-content;max-width:calc(100% - 24px)}.course-sequence-locked{border-style:dashed!important;border-color:rgba(224,189,115,.28)!important}.course-sequence-locked .course-media-lock-overlay>i{background:rgba(25,20,12,.82);color:#efcf88}.course-sequence-locked .course-media-lock-overlay span{max-width:320px}.course-sequence-media video{position:relative;z-index:1}@media(max-width:760px){.course-media-complete-badge{top:9px;right:9px;font-size:9px;padding:5px 8px}.course-media-manual-complete{width:calc(100% - 24px);justify-content:center}}