:root{--bg:#f5f7fb;--text:#12172a;--muted:#5b647a;--card:#ffffff;--line:#e7ebf3;--black:#0b1020;--purple:#8a57ff;--blue:#337dff;--green:#17b98b;--shadow:0 20px 50px rgba(16,24,40,.08)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fafbff 0%,#f4f6fb 100%);color:var(--text);overflow-x:hidden} a{text-decoration:none;color:inherit} button{font:inherit}
.container{width:min(1360px,calc(100% - 64px));margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(11,16,32,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-wrap{height:84px;display:flex;align-items:center;gap:28px}.brand img{width:164px;display:block}.desktop-nav{display:flex;gap:40px;margin-left:auto}.desktop-nav a{font-size:15px;font-weight:700;color:#f0f4fb}.nav-cta{margin-left:18px;min-height:50px;padding:0 20px;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;display:inline-flex;align-items:center;font-size:15px;font-weight:800;box-shadow:0 14px 30px rgba(83,88,255,.24)}.menu-btn,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:34px;align-items:center;padding:42px 0 20px}.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:#f1edff;color:#6f63b5;font-size:11px;font-weight:900;letter-spacing:.14em}.eyebrow.light{background:#f5f7fc;color:#61708d;border:1px solid #e7ebf4}.eyebrow.dark{background:rgba(255,255,255,.1);color:#dce4ff}
.hero h1{font-size:66px;line-height:1.03;letter-spacing:-.06em;margin:18px 0 14px}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:21px;line-height:1.55;color:#3f465c;max-width:620px}.hero-points{display:grid;gap:12px;margin:22px 0 0;color:#2f364b;font-size:16px;font-weight:600}.hero-actions{display:flex;gap:14px;margin-top:26px}.btn{min-height:56px;padding:0 28px;border-radius:14px;font-size:17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;box-shadow:0 16px 30px rgba(79,88,255,.22)}.btn-secondary{background:#fff;border:2px solid #dce2f0;color:#1a2341}.btn-green{background:linear-gradient(90deg,#0fc48b,#26b66c);color:#fff;box-shadow:0 16px 30px rgba(23,185,139,.22)}.btn.slim{min-height:50px;font-size:16px;padding:0 22px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;max-width:560px}.proof-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px;box-shadow:var(--shadow)}.proof-item b{display:block;font-size:28px;letter-spacing:-.05em;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.proof-item span{display:block;margin-top:4px;color:#5b647a;font-size:14px}
.hero-visual{display:grid;grid-template-columns:.88fr .72fr;gap:14px;align-items:stretch}.signal-card{background:linear-gradient(180deg,#141b30 0%,#0c1223 100%);color:#fff;border-radius:28px;padding:22px;box-shadow:0 28px 54px rgba(11,16,32,.18)}.signal-card small{font-size:11px;color:#a8b5d3;letter-spacing:.1em}.signal-card strong{display:block;font-size:34px;margin:12px 0 14px}.row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.chart-line{height:98px;margin:16px 0 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.02)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 90'%3E%3Cpath d='M8 64 C30 68 42 48 62 52 S95 42 122 34 S150 40 180 20 S232 26 292 8' fill='none' stroke='%23397cff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/cover no-repeat;border:1px solid rgba(255,255,255,.06)}.win-badge{display:inline-flex;padding:10px 14px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--purple));font-weight:700}.hero-side{display:grid;gap:14px}.mini-cta{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.mini-cta small{font-size:11px;letter-spacing:.1em;color:#68758f;font-weight:800}.mini-cta h3{font-size:28px;line-height:1.08;margin:8px 0}.mini-cta p{font-size:15px;line-height:1.55;color:#4e576e;margin:0}.mini-cta.purple{background:linear-gradient(180deg,#ffffff 0%,#f8f7ff 100%)}.mini-cta.green{background:linear-gradient(180deg,#ffffff 0%,#f4fffa 100%)}
.value-section,.markets-section,.results-section,.course-section{padding:16px 0 26px}.section-top{margin-bottom:22px}.section-top.center{text-align:center}.section-top h2{font-size:56px;line-height:1.06;letter-spacing:-.05em;margin:14px 0 0}.section-top h2 span{color:#58627a;font-weight:500}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5efff);color:#545fff;font-size:24px;margin-bottom:14px}.value-grid h3{font-size:22px;margin:0 0 8px}.value-grid p{font-size:15px;line-height:1.6;color:#566077;margin:0}
.markets-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.market-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}.market-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.market-head small{font-size:11px;letter-spacing:.1em;color:#707a92;font-weight:800}.market-head h3{font-size:36px;line-height:1.05;letter-spacing:-.05em;margin:8px 0 0}.market-tag{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:34px;border-radius:999px;font-size:13px;font-weight:800}.market-tag.purple{background:#f2efff;color:#745ec5}.market-tag.green{background:#e9fff7;color:#119a73}.market-card p{font-size:16px;line-height:1.62;color:#4f5870;margin:16px 0}.compare-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.compare-stats>div{background:#f8f9fd;border:1px solid #e9edf5;border-radius:16px;padding:16px 14px;text-align:center}.compare-stats b{display:block;font-size:28px;letter-spacing:-.05em;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.compare-stats span{display:block;margin-top:4px;color:#5d657b;font-size:13px}.market-note{font-size:14px;color:#6b7388;margin-bottom:18px}.market-card.free .compare-stats b{background:linear-gradient(90deg,var(--green),#49a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.results-bar{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.result-col{padding:20px 10px;border-right:1px solid var(--line);text-align:center}.result-col:last-child{border-right:0}.result-col strong{display:block;font-size:46px;letter-spacing:-.05em;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.result-col span{display:block;margin-top:6px;color:#566077;font-size:15px}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{position:relative;overflow:hidden;border-radius:26px;padding:26px;color:#fff;box-shadow:var(--shadow);min-height:320px;display:flex;flex-direction:column}.course-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(91,170,255,.35),transparent 28%), radial-gradient(circle at bottom left,rgba(146,87,255,.35),transparent 30%);pointer-events:none}.course-card>*{position:relative;z-index:2}.course-card.basic{background:linear-gradient(180deg,#071529 0%,#0b1b38 100%)}.course-card.intermediate{background:linear-gradient(180deg,#0d1231 0%,#1a1045 100%)}.course-card.advanced{background:linear-gradient(180deg,#19101d 0%,#31200e 100%)}.course-badge{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:20px}.course-card h3{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}.course-card p{font-size:15px;line-height:1.6;color:#dde3f4;margin:0 0 18px}.course-card ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}.course-card li{font-size:14px;color:#eef2fb}.course-card li:before{content:"•";margin-right:8px;color:#9cd0ff}.course-offer{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}.course-offer small{display:block;color:#6a7490;font-size:11px;letter-spacing:.1em;font-weight:800}.course-offer strong{display:block;font-size:46px;letter-spacing:-.05em}.course-offer span{display:block;margin-top:4px;color:#566077;font-size:15px}
.cta-section{background:linear-gradient(90deg,#0d1325 0%,#141b32 50%,#1d1133 100%);padding:34px 0}.cta-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.cta-copy h2{font-size:56px;line-height:1.04;letter-spacing:-.05em;margin:16px 0 10px;color:#fff}.cta-copy h2 span{color:#d7e0ff;font-weight:500}.cta-copy p{font-size:18px;line-height:1.6;color:#c9d0e1;margin:0}.cta-actions{display:grid;grid-template-columns:1fr;gap:14px}.cta-actions a{min-height:72px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 18px;color:#fff;font-size:17px;font-weight:800}
.site-footer{background:#0b1020;color:#eef2fb;padding:22px 0 26px}.footer-inner{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}.footer-inner img{width:140px}.footer-copy p{font-size:18px;font-weight:700;margin:0 0 6px}.footer-copy small{font-size:13px;color:#c4ccdf;line-height:1.5}
.floating-btn{position:fixed;right:22px;bottom:22px;width:66px;height:66px;border:none;border-radius:50%;background:linear-gradient(180deg,var(--purple),var(--blue));color:#fff;font-size:28px;display:grid;place-items:center;box-shadow:0 18px 42px rgba(91,97,255,.32);cursor:pointer;z-index:1200}.sheet{display:none;position:fixed;inset:0;z-index:1300}.sheet.open{display:block}.sheet-backdrop{position:absolute;inset:0;border:none;background:rgba(17,24,39,.45);backdrop-filter:blur(8px)}.sheet-card{position:absolute;right:22px;bottom:98px;width:304px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 28px 60px rgba(17,24,39,.14)}.sheet-card small{display:block;color:#717a90;font-size:11px;letter-spacing:.15em;margin-bottom:8px}.sheet-card a{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #edf0f5;font-weight:700;color:#25314f}.sheet-close{position:absolute;top:8px;right:12px;border:none;background:none;font-size:28px;color:#768096;cursor:pointer}
@media (max-width:1180px){.hero,.cta-box{grid-template-columns:1fr}.value-grid,.course-grid{grid-template-columns:1fr 1fr}.markets-grid{grid-template-columns:1fr}.results-bar{grid-template-columns:repeat(3,1fr)}.course-offer{flex-direction:column;align-items:flex-start}}
@media (max-width:820px){.container{width:min(100% - 28px,1360px)}.desktop-nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto;background:none;border:none;color:#fff;font-size:24px}.mobile-nav{position:absolute;top:84px;left:0;right:0;background:#0b1020;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 28px}.mobile-nav.open{display:grid}.mobile-nav a{padding:10px 0;color:#f0f4fb;font-weight:700}.hero{padding-top:24px}.hero h1,.section-top h2,.cta-copy h2{font-size:42px}.hero-copy>p{font-size:18px}.hero-visual,.value-grid,.hero-proof,.compare-stats,.course-grid,.results-bar{grid-template-columns:1fr 1fr}.hero-visual{display:grid}.value-grid{gap:14px}.course-grid{gap:14px}.footer-inner{grid-template-columns:1fr}.footer-inner img{width:132px}}
@media (max-width:560px){.hero-actions{display:grid}.btn{width:100%}.hero-proof,.hero-visual,.value-grid,.compare-stats,.course-grid,.results-bar{grid-template-columns:1fr}.hero h1,.section-top h2,.cta-copy h2{font-size:34px}.course-offer strong{font-size:38px}.sheet-card{left:14px;right:14px;bottom:90px;width:auto}.floating-btn{right:14px;bottom:14px}.site-footer{padding-bottom:88px}}