*{box-sizing:border-box;margin:0;padding:0}
:root{--red:#ef3037;--red-dark:#c91f29;--green:#075c3f;--ink:#11151a;--muted:#647487;--line:#e3e7e4;--cream:#f7f7f4}
body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1280px,calc(100% - 60px));margin:auto}
.topbar{height:42px;background:#11151a;color:#fff;font-size:13px}.topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.top-links{display:flex;gap:16px;align-items:center}.top-links a{opacity:.95}.divider{width:1px;height:17px;background:#ffffff55}.login{font-weight:700}
.navbar{height:96px;border-bottom:1px solid #e8ebe8;background:#fff}.nav-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:block;min-width:230px}.brand img{display:block;width:190px;height:auto}.nav-menu{display:flex;justify-content:center;align-items:center;gap:30px;flex:1}.nav-menu a{font-size:15px;font-weight:700;padding:31px 0;position:relative;white-space:nowrap}.nav-menu a.active{color:var(--red)}.nav-menu a.active:after{content:"";position:absolute;height:2px;background:var(--red);bottom:18px;left:0;right:0}.telegram-btn{background:var(--red);color:#fff;padding:11px 17px;border-radius:8px;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px #ef30372b}.menu-toggle{display:none;border:0;background:none;font-size:25px}

.hero{padding:72px 0 76px;background:linear-gradient(135deg,#fff 55%,#fff8f8);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:center}.eyebrow{display:inline-flex;color:var(--red-dark);font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:14px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--red);margin:9px 9px 0 0}.hero h1{font-family:"Playfair Display",serif;font-size:64px;line-height:1.02;letter-spacing:-2px}.hero h1 span,.section-intro h2 span,.why h2 span{color:var(--red)}.hero-lead{max-width:650px;color:#52657a;font-size:18px;margin-top:20px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:11px;padding:13px 20px;border-radius:8px;font-weight:800;font-size:14px}.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 22px #ef30372b}.btn-secondary{border:1px solid #dce1de;background:#fff}.hero-trust{display:flex;gap:32px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:13px}.hero-trust span{font-size:11px;color:#7a8795}
.hero-panel{background:#11151a;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #11151a26}.panel-top{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ffffff12;font-size:10px;font-weight:800;letter-spacing:1.5px}.panel-top span:last-child{color:#ff5960}.panel-content{padding:34px}.target-badge{display:inline-block;color:#ff6168;border:1px solid #ef303759;background:#ef30371f;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:800}.hero-panel h2{font-family:"Playfair Display",serif;color:#fff;font-size:39px;line-height:1.05;margin-top:18px}.hero-panel h2 span{color:#ff4f56}.panel-content>p{color:#b6c0c9;font-size:13px;margin-top:12px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px;padding:20px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;font-size:12px;color:#dce1e5}.checks div:first-letter{color:#ff4f56}.panel-bottom{display:flex;gap:12px;align-items:center;margin-top:20px;font-size:11px}.panel-bottom span{color:#87939e}.panel-bottom b{margin-left:auto}.red-strip{height:5px;background:linear-gradient(90deg,#ef3037,#ff696e,#ef3037)}

.updates{padding:62px 0 78px;background:linear-gradient(180deg,#fbfcf9,#f7faf6)}.section-heading{display:flex;justify-content:space-between;margin-bottom:27px}.heading-row{display:flex;align-items:center;gap:17px}.heading-row h2,.section-intro h2,.why h2{font-family:"Playfair Display",serif;font-size:38px;line-height:1.15;letter-spacing:-.6px}.newest{background:#e6f2e9;color:var(--green);border:1px solid #d5e8da;border-radius:7px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:1.2px}.section-heading p{color:#496078;font-size:15px;margin-top:9px;max-width:900px}.update-list{display:flex;flex-direction:column;gap:12px}.update-card{display:flex;gap:20px;background:#fff;border:1px solid #dfe5e1;border-left:4px solid var(--green);border-radius:3px 8px 8px 3px;padding:24px 28px;box-shadow:0 4px 14px #13202b09}.update-card.important{border-left-color:var(--red)}.update-card.upcoming{border-left-color:#d99500}.icon-wrap{width:68px;height:68px;min-width:68px;border-radius:50%;display:grid;place-items:center;font-size:27px;margin-top:5px}.icon-wrap.red{background:#fff0f0;color:var(--red)}.icon-wrap.green{background:#eaf6ee;color:var(--green)}.icon-wrap.gold{background:#fff7df;color:#d99500}.card-body{flex:1}.meta{display:flex;gap:12px;align-items:center;color:#506178;font-size:11px;font-weight:700;letter-spacing:1px}.meta i{width:8px;height:8px;border-radius:50%;background:var(--red)}.card-title-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.card-body h3{font-family:"Playfair Display",serif;font-size:21px;line-height:1.3;margin-top:5px}.card-body p{font-size:15px;color:#3f556d;margin-top:8px}.status{font-size:10px;font-weight:800;padding:5px 10px;border-radius:7px;white-space:nowrap}.important-status{color:var(--red);background:#fff0f0;border:1px solid #ffcaca}.update-status{color:#26854f;background:#edf7ef;border:1px solid #d2e8d6}.upcoming-status{color:#c98a00;background:#fff8e8;border:1px solid #f4dfad}.notice{margin-top:15px;border:1px solid #ffd4d4;background:#fff4f4;border-radius:8px;padding:10px 13px;display:flex;gap:13px;font-size:14px}.notice strong{color:var(--red-dark)}.gold-text{color:#c88900!important}

.courses,.videos{padding:84px 0;background:#fff}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-intro>p{max-width:430px;color:#68778a;font-size:15px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{border:1px solid var(--line);border-radius:12px;padding:28px;min-height:285px;position:relative;transition:.2s}.course-card:hover,.material-card:hover,.video-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #141a1e12}.course-card.featured{background:#11151a;color:#fff;border-color:#11151a}.course-card small{font-size:9px;letter-spacing:1.5px;color:var(--red);font-weight:800}.course-icon{width:47px;height:47px;background:#fff0f0;color:var(--red);display:grid;place-items:center;border-radius:10px;margin:22px 0}.featured .course-icon{background:#ef303722}.course-card h3{font-family:"Playfair Display",serif;font-size:24px;line-height:1.2}.course-card p{font-size:13px;color:#69798b;margin-top:9px}.featured p{color:#b6c0ca}.course-card a{position:absolute;bottom:27px;color:var(--red);font-size:12px;font-weight:800}

.why{padding:82px 0;background:var(--cream)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why>div>div>p{color:#637286;max-width:570px;margin-top:20px;font-size:15px}.feature-list{border-top:1px solid #dfe3df}.feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #dfe3df}.feature-list b{font-size:11px;color:var(--red)}.feature-list h3{font-size:15px}.feature-list p{font-size:13px;color:#718093}

.materials{padding:84px 0;background:var(--cream)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-height:155px;transition:.2s}.material-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-weight:900}.material-icon.red{background:#fff0f0;color:var(--red)}.material-icon.dark{background:#11151a;color:#fff}.material-icon.light{background:#eaf3ed;color:var(--green)}.material-card small,.video-card small{font-size:9px;letter-spacing:1.4px;color:var(--red);font-weight:800}.material-card h3{font-family:"Playfair Display",serif;font-size:19px;margin-top:4px}.material-card p{font-size:12px;color:#6e7d8e}.material-card>b{color:var(--red);font-size:20px}

.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:.2s}.thumb{height:185px;background:linear-gradient(135deg,#252a30,#0f1215);display:grid;place-items:center}.thumb.two{background:linear-gradient(135deg,#e9e9e5,#babdbb)}.thumb.three{background:linear-gradient(135deg,#1b3028,#11151a)}.thumb span{width:50px;height:50px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center}.video-card small{display:block;margin:16px 18px 0}.video-card h3{font-family:"Playfair Display",serif;font-size:18px;padding:5px 18px 20px}

.community{padding:58px 0;background:#11151a;color:#fff}.community-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.community h2{font-family:"Playfair Display",serif;font-size:34px}.community p{color:#aeb8c2;font-size:14px;margin-top:5px}.eyebrow.light{color:#ff6269}.community-btn{background:var(--red);color:#fff}

.footer{background:#0b0e11;color:#fff;padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:40px}.footer img{width:170px;filter:brightness(0) invert(1);opacity:.95}.footer p{font-size:13px;color:#d0d5d9;margin-top:10px}.footer .muted{color:#89949f;max-width:300px}.footer h4{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:13px}.footer a{display:block;color:#9ba6b1;font-size:13px;margin:7px 0}.footer-bottom{border-top:1px solid #ffffff12;padding:18px 0 22px;display:flex;justify-content:space-between;color:#737e89;font-size:11px}

@media(max-width:1100px){.nav-menu{gap:20px}.hero-grid{gap:45px}.hero h1{font-size:54px}.brand img{width:180px}}
@media(max-width:850px){.container{width:min(100% - 32px,720px)}.navbar{height:78px}.nav-inner{justify-content:space-between}.nav-menu{display:none;position:absolute;z-index:20;left:16px;right:16px;top:120px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 35px #0002;flex-direction:column;gap:0}.nav-menu.open{display:flex}.nav-menu a{width:100%;padding:12px 14px}.nav-menu a.active:after{display:none}.menu-toggle{display:block}.telegram-btn{display:none}.hero{padding:54px 0 60px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-panel{max-width:none}.hero h1{font-size:49px}.course-grid,.material-grid,.video-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;gap:45px}.section-intro,.community-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.top-links span:first-child,.top-links .divider,.top-links .login{display:none}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.checks{grid-template-columns:1fr}.heading-row{align-items:flex-start;flex-direction:column;gap:9px}.section-heading p{font-size:14px}.icon-wrap{display:none}.card-title-row{align-items:flex-start;flex-direction:column;gap:8px}.notice{flex-direction:column}.section-heading h2,.section-intro h2,.why h2{font-size:31px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}}

/* ===== V4 POLISH: tighter first screen + responsive navigation ===== */
html{overflow-x:hidden}
body{overflow-x:hidden}
.navbar{height:84px}
.brand{min-width:220px}
.brand img{width:205px}
.nav-menu{gap:25px}
.nav-menu a{padding:26px 0}
.nav-menu a.active:after{bottom:13px}

.hero{padding:50px 0 56px}
.hero-grid{gap:58px}
.hero h1{font-size:58px}
.hero-lead{font-size:17px;line-height:1.62;margin-top:17px}
.hero-actions{margin-top:24px}
.hero-trust{margin-top:30px;padding-top:17px}
.hero-panel{max-width:430px}
.panel-content{padding:29px}
.hero-panel h2{font-size:36px}

.updates{padding:48px 0 68px}
.section-heading{margin-bottom:22px}

@media(max-width:1180px){
  .container{width:min(100% - 44px,1100px)}
  .nav-menu{gap:18px}
  .nav-menu a{font-size:14px}
  .telegram-btn{display:none}
  .brand{min-width:205px}
  .brand img{width:190px}
  .hero-grid{gap:42px}
}

@media(max-width:980px){
  .nav-menu{gap:14px}
  .nav-menu a{font-size:13px}
  .brand{min-width:175px}
  .brand img{width:170px}
  .hero-grid{grid-template-columns:1fr .8fr;gap:28px}
  .hero h1{font-size:50px}
  .hero-panel h2{font-size:32px}
  .hero-trust{gap:20px}
}

@media(max-width:850px){
  .navbar{height:78px}
  .brand{min-width:auto}
  .brand img{width:175px}
  .nav-menu{display:none}
  .nav-menu.open{display:flex}
  .menu-toggle{display:block}
  .hero{padding:48px 0 54px}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero h1{font-size:50px}
  .hero-panel{max-width:620px;width:100%}
  .updates{padding-top:46px}
}

@media(max-width:520px){
  .container{width:calc(100% - 30px)}
  .brand img{width:160px}
  .hero{padding-top:38px}
  .hero h1{font-size:41px;letter-spacing:-1.2px}
  .hero-lead{font-size:15px}
  .hero-trust{margin-top:26px}
  .updates{padding-top:40px}
}

/* ===== V7 FINAL BRAND HEADER • DARK TOP BAR ===== */
body .topbar{
  background:#11151a !important;
  background-image:none !important;
  color:#ffffff !important;
  border-bottom:1px solid #252b31 !important;
}
body .topbar .topbar-inner{
  background:#11151a !important;
}
body .topbar .top-links a{
  color:#ffffff;
}
body .topbar .top-links a:hover{
  color:#ff5960;
}

/* ===== V8: shared dark top bar protection ===== */
body .topbar{
  background:#11151a !important;
  background-image:none !important;
}
body .topbar .topbar-inner{
  background:#11151a !important;
}

/* V11 social links */
.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{color:#ef3037}
body .topbar{background:#11151a !important;background-image:none !important}

/* V16 cleanup: prevent Home course-card CTA overlap. */
.course-card{min-height:325px;box-sizing:border-box}
.course-card p{padding-bottom:28px}
.course-card a{bottom:25px;left:28px}
@media(max-width:900px){.course-card{min-height:300px}}

/* V16 cleanup: Commerce roadmap CTA belongs below the complete list. */
.course-hero .course-card{display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:360px}
.course-hero .course-card ul{flex:1;margin-bottom:0}
.course-hero .course-card .telegram{position:static;margin-top:22px;width:100%;box-sizing:border-box}

/* V18: Fix JRF Launchpad Approach text column.
   Each feature row has 3 direct children; keep the heading + paragraph together
   in the wide second column instead of letting the paragraph fall into column 1. */
.feature-list>div{
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:start !important;
}
.feature-list>div h3,
.feature-list>div p{
  grid-column:2 !important;
}
.feature-list>div h3{grid-row:1 !important}
.feature-list>div p{grid-row:2 !important;margin-top:5px !important;max-width:100% !important}

.video-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  background: #11151a;
}

.video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}