:root{--bg:#f7f8fc;--ink:#101321;--muted:#667085;--line:#e5e7eb;--accent:#6c4df6;--accent2:#9b7cff;--dark:#0c1020;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{font-weight:900;letter-spacing:-.5px;font-size:18px;display:flex;align-items:center;gap:7px}.brand span:last-child{color:var(--accent)}.brand-mark{font-size:16px;color:var(--accent)!important;background:#eeeaff;padding:4px 7px;border-radius:8px}.nav nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}.nav nav a:hover{color:var(--accent)}.nav-cta{background:var(--ink);color:#fff!important;padding:11px 17px;border-radius:10px}.menu{display:none;background:none;border:0;font-size:25px}
.hero{min-height:650px;padding:90px 7%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:radial-gradient(circle at 85% 15%,#e8e0ff 0,transparent 32%),linear-gradient(180deg,#fff,#f7f8fc)}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:var(--accent);margin-bottom:13px}.hero h1,.page-hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 25px;font-weight:900}.hero h1 em,.page-hero h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:610px}.actions{display:flex;gap:13px;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;cursor:pointer;padding:14px 21px;border-radius:11px;font-weight:800;font-size:14px}.primary{background:var(--accent);color:#fff;box-shadow:0 12px 25px rgba(108,77,246,.2)}.secondary{border:1px solid var(--line);background:#fff}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#4b5563;font-size:13px;font-weight:700}.hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.code-window{width:min(530px,100%);background:#111526;border:1px solid #252b43;border-radius:18px;box-shadow:0 30px 70px rgba(16,19,33,.22);overflow:hidden;transform:rotate(1.5deg)}.window-top{height:43px;border-bottom:1px solid #272d44;display:flex;align-items:center;padding:0 16px;gap:7px;color:#8891aa;font-size:11px}.window-top i{width:9px;height:9px;background:#4b536d;border-radius:50%}.window-top span{margin-left:8px}.code-window pre{margin:0;padding:28px;color:#dbe2ff;font:14px/2.05 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.purple{color:#c2a8ff}.blue{color:#79c7ff}.green{color:#a7e8a3}.float-card{position:absolute;background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:14px;box-shadow:0 14px 30px rgba(16,19,33,.12);display:flex;flex-direction:column;font-size:13px}.float-card small{color:var(--muted);margin-top:2px}.card-one{left:0;bottom:28px}.card-two{right:-8px;top:35px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 7%}.stats div{padding:5px 20px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{font-size:12px;color:var(--muted);font-weight:600}
.section{padding:100px 7%}.section-heading{max-width:650px;margin-bottom:45px}.section-heading h2,.dark-section h2,.cta h2,.register-intro h2{font-size:45px;line-height:1.05;letter-spacing:-2px;margin:0 0 14px}.section-heading p,.cta p{color:var(--muted)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;transition:.2s}.program-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(16,19,33,.08)}.icon{font-size:29px;margin-bottom:15px}.program-card h3{margin:0 0 7px;font-size:19px}.program-card p{color:var(--muted);font-size:14px;min-height:48px}.program-card a{font-weight:800;color:var(--accent);font-size:13px}
.dark-section{padding:95px 7%;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px}.dark-section .eyebrow{color:#a894ff}.dark-section h2{font-size:52px}.benefits{display:grid;gap:25px}.benefits div{border-bottom:1px solid #292f43;padding-bottom:22px}.benefits b{color:#9b7cff;font-size:12px}.benefits h3{margin:5px 0;font-size:19px}.benefits p{color:#aab1c4;margin:0;font-size:14px}.cta{text-align:center;padding:100px 7%;background:#eeeaff}.cta h2{font-size:50px}.cta p{max-width:600px;margin:0 auto 25px}
.page-hero{text-align:center;padding:90px 7% 70px;background:#fff;border-bottom:1px solid var(--line)}.page-hero p{max-width:620px;margin:auto;color:var(--muted);font-size:17px}.program-details{max-width:1050px;margin:auto;padding:55px 7%}.program-details article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:45px 0;border-bottom:1px solid var(--line)}.program-details .number{font-size:13px;color:var(--accent);font-weight:900}.program-details h2{font-size:30px;margin:0 0 7px}.program-details p{color:var(--muted)}.program-details ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:20px 0 0;list-style:none}.program-details li{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:8px;font-size:12px;font-weight:700}
.register-wrap{padding:90px 7%;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#fff}.register-intro{padding-top:15px}.register-intro h2{font-size:50px}.join-box{margin-top:35px;padding:23px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px}.join-box h3{margin:0}.join-box p{color:var(--muted);font-size:14px}.whatsapp{background:#1fa855;color:#fff}.register-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f8f9fc;border:1px solid var(--line);padding:30px;border-radius:20px}.register-form label{font-size:12px;font-weight:800}.register-form label:nth-last-of-type(1),.register-form .full,.register-form small{grid-column:1/-1}.register-form input,.register-form select,.register-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe2e8;background:#fff;border-radius:9px;padding:13px;font:inherit;outline:none}.register-form input:focus,.register-form select:focus,.register-form textarea:focus{border-color:var(--accent)}.register-form small{color:var(--muted)}
footer{background:#0b0e18;color:#fff;padding:45px 7%;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;position:relative}footer .brand{color:#fff}footer p{color:#8e96aa;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:8px;color:#b7bdca;font-size:13px}.footer-contact{color:#b7bdca;font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid #252a39;padding-top:20px;margin:10px 0 0}
/* HOW IT WORKS */
.how-it-works {
padding: 100px 7%;
background: #ffffff;
}

.how-it-works .section-heading {
max-width: 700px;
margin-bottom: 50px;
}

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

.step {
background: #f7f8fc;
border: 1px solid #e5e7eb;
border-radius: 18px;
padding: 28px 22px;
min-height: 210px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.step:hover {
transform: translateY(-5px);
box-shadow: 0 18px 35px rgba(16, 19, 33, 0.08);
}

.step > span {
display: inline-flex;
color: #6c4df6;
font-size: 13px;
font-weight: 900;
margin-bottom: 35px;
}

.step h3 {
margin: 0 0 8px;
font-size: 18px;
}

.step p {
margin: 0;
color: #667085;
font-size: 14px;
line-height: 1.6;
}
@media(max-width:800px){.nav{padding:0 5%}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 5%;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:65px 6%;min-height:auto}.hero h1,.page-hero h1{font-size:52px;letter-spacing:-3px}.hero-visual{margin-top:35px}.float-card{display:none}.stats{grid-template-columns:1fr 1fr;padding:15px 5%}.stats div{padding:15px;border-bottom:1px solid var(--line)}.program-grid{grid-template-columns:1fr}.section,.dark-section,.register-wrap{padding:70px 6%}.dark-section,.register-wrap{grid-template-columns:1fr;gap:35px}.dark-section h2,.cta h2,.register-intro h2{font-size:40px}.program-details{padding:30px 6%}.program-details article{grid-template-columns:45px 1fr}.register-form{grid-template-columns:1fr;padding:20px}.register-form label:nth-last-of-type(1),.register-form .full,.register-form small{grid-column:1}.footer-links{order:3}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media(max-width:480px){.actions{flex-direction:column}.actions .btn{width:100%}.trust{display:block}.trust span{display:block;margin:8px 0}.code-window pre{font-size:11px}.hero h1,.page-hero h1{font-size:44px}}

/* THANK YOU PAGE */

.thank-you-page {
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 7%;
  background: #f7f8fc;
}

.thank-you-card {
  width: 100%;
  max-width: 720px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 60px 50px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(16, 19, 33, 0.08);
}

.success-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #6c4df6;
  color: #ffffff;
  font-size: 32px;
  font-weight: 800;
}

.thank-you-card h1 {
  margin: 12px 0 18px;
  font-size: 42px;
  line-height: 1.1;
}

.thank-you-card > p {
  max-width: 560px;
  margin: 0 auto;
  color: #667085;
  font-size: 17px;
  line-height: 1.7;
}

.thank-you-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 35px;
}

.thank-you-actions .btn {
  text-decoration: none;
}


/* MOBILE */
    @media (max-width: 800px) {

    .thank-you-card {
    padding: 45px 25px;
    }

    .thank-you-card h1 {
    font-size: 32px;
    }

    .thank-you-card > p {
    font-size: 15px;
    }

    .thank-you-actions {
    flex-direction: column;
    }

    .thank-you-actions .btn {
    width: 100%;
    }

}
/* MOBILE FOOTER */

@media (max-width: 800px) {
footer {
padding: 50px 20px 30px;
}

footer > div {
width: 100%;
}

footer .brand {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}

.footer-links {
display: flex;
flex-direction: column;
gap: 18px;
margin-top: 30px;
}

.footer-contact {
margin-top: 25px;
}

.footer-contact a {
display: block;
overflow-wrap: anywhere;
}

.copyright {
margin-top: 35px;
line-height: 1.6;
}
}
@media (max-width: 800px) {
footer .brand {
font-size: 20px;
white-space: nowrap;
}

footer .brand-mark {
flex-shrink: 0;
}

.footer-contact a {
font-size: 14px;
white-space: nowrap;
}
}