:root{--navy:#0B2A6F;--blue:#1F5FE0;--yellow:#FFC928;--sky:#EEF6FF;--ink:#15233B;--muted:#66758D;--line:#DCE6F3;--white:#fff;--radius:20px;--shadow:0 14px 40px rgba(11,42,111,.09);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,sans-serif;line-height:1.18;letter-spacing:-.035em;margin:0 0 14px}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:700}h3{font-size:1.18rem}p{margin:0 0 16px;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #E7A900;outline-offset:3px}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:88px 0}.section.soft{background:linear-gradient(180deg,#F4F9FF,#fff)}.section.navy{background:var(--navy);color:#fff}.section.navy p{color:#D5E1F5}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--yellow)}.section-head{max-width:700px;margin:0 auto 40px;text-align:center}.section-head p{max-width:580px;margin:0 auto}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid transparent;border-radius:12px;font-weight:800;font-size:.92rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0b2a6f22}.btn-yellow{background:var(--yellow);color:#102653}.btn-blue{background:var(--navy);color:#fff}.btn-white{background:#fff;color:var(--navy)}.btn-outline{border-color:#C9D8ED;color:var(--navy);background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.topbar{position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #E8EEF7}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--navy));display:grid;place-items:center;color:#fff;font:800 25px Plus Jakarta Sans;box-shadow:0 5px 12px #1f5fe033}.brand-name{font:800 13px/1.2 Plus Jakarta Sans;letter-spacing:.04em;color:var(--navy)}.brand-name small{display:block;font:600 9px Inter;letter-spacing:.17em;color:var(--blue);margin-top:4px}.navlinks{display:flex;align-items:center;gap:22px;font-size:.84rem;font-weight:700;color:#465570}.navlinks a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.hamburger{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;width:44px;height:44px;font-size:23px;color:var(--navy)}.hero{position:relative;overflow:hidden;padding:70px 0 58px;background:radial-gradient(circle at 78% 20%,#D8E9FF 0,transparent 31%),linear-gradient(135deg,#F8FBFF 0%,#EDF5FF 58%,#fff 100%)}.hero:after{content:"V";position:absolute;right:39%;bottom:-180px;font:800 420px Plus Jakarta Sans;color:#1f5fe006;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;z-index:1}.hero-copy{max-width:650px}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{font-size:1.1rem;max-width:550px;margin:20px 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust{display:flex;gap:0;margin-top:34px;padding-top:22px;border-top:1px solid #D8E4F4}.trust-item{padding:0 22px;border-right:1px solid #D8E4F4}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust strong{display:block;font:800 1.4rem Plus Jakarta Sans;color:var(--navy)}.trust span{font-size:.78rem;color:var(--muted)}.hero-art{min-height:470px;position:relative;display:flex;align-items:center;justify-content:center}.hero-photo{width:100%;height:460px;object-fit:cover;border-radius:34px 34px 110px 34px;box-shadow:0 24px 70px #0b2a6f24}.glass-card{position:absolute;left:-25px;bottom:36px;padding:16px 18px;background:#ffffffd9;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.glass-icon{width:44px;height:44px;display:grid;place-items:center;background:#FFF3C7;border-radius:13px;font-size:22px}.glass-card b{display:block;color:var(--navy);font-size:.9rem}.glass-card small{color:var(--muted)}.floating-pill{position:absolute;right:-12px;top:46px;background:#fff;border:1px solid #E7EEF9;padding:13px 16px;border-radius:15px;box-shadow:var(--shadow);font-size:.85rem;font-weight:800;color:var(--navy)}.floating-pill span{color:#12A56A}.hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hub-card,.domain-card,.course-card,.benefit,.plan{background:#fff;border:1px solid #E6EDF7;border-radius:var(--radius);padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s}.hub-card:hover,.domain-card:hover,.course-card:hover,.benefit:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#BBD1F6}.hub-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin-bottom:21px}.hub-card h3{margin-bottom:8px}.hub-card p{font-size:.88rem;min-height:66px}.text-link{font-size:.88rem;font-weight:800;color:var(--blue)}.text-link span{margin-left:5px}.accent-blue{background:#E8F0FF;color:#1F5FE0}.accent-yellow{background:#FFF4CA;color:#8C6500}.accent-green{background:#DDF8EC;color:#087D58}.accent-purple{background:#F0E8FF;color:#7544CA}.accent-coral{background:#FFE8E1;color:#C94F2D}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin:auto}.plan{padding:30px;position:relative;box-shadow:0 10px 35px #0b2a6f08}.plan.featured{border:2px solid var(--blue);background:linear-gradient(155deg,#fff,#F2F7FF)}.popular{position:absolute;top:-13px;right:22px;background:var(--yellow);color:var(--navy);font-size:.72rem;font-weight:900;padding:6px 12px;border-radius:30px}.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.plan-kicker{font-size:.75rem;font-weight:900;letter-spacing:.1em;color:var(--blue)}.price{font:800 2.6rem Plus Jakarta Sans;color:var(--navy);margin:8px 0}.price small{font:600 .85rem Inter;color:var(--muted)}.plan ul{padding:0;list-style:none;margin:22px 0 28px}.plan li{display:flex;gap:10px;margin:12px 0;color:#526178;font-size:.92rem}.plan li:before{content:"✓";color:#0F9F6B;font-weight:900}.plan .btn{width:100%}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tab{padding:10px 18px;border:1px solid #D8E4F3;background:#fff;border-radius:30px;color:#5C6B83;font-size:.88rem;font-weight:800;cursor:pointer}.tab[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.domain-card{padding:18px;display:flex;align-items:center;gap:13px;border-radius:15px}.domain-emoji{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;font-size:21px;background:#EEF4FF}.domain-card strong{display:block;font-size:.9rem}.domain-card small{display:block;color:#8490A3;font-size:.75rem;margin-top:3px}.center-action{text-align:center;margin-top:30px}.project-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.project-wrap h2{max-width:590px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.project-tags span{padding:7px 12px;border:1px solid #FFFFFF3B;background:#FFFFFF12;border-radius:8px;color:#fff;font-size:.78rem;font-weight:800}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.offer{padding:13px 14px;border-radius:12px;background:#FFFFFF0D;border:1px solid #FFFFFF17;color:#EAF1FF;font-size:.88rem}.offer b{margin-right:8px;color:var(--yellow)}.project-mock{min-height:350px;position:relative;display:grid;place-items:center}.laptop{width:100%;max-width:470px;padding:12px 12px 20px;background:#1D2C45;border-radius:17px 17px 10px 10px;box-shadow:0 24px 60px #0004;transform:rotate(-2deg)}.laptop-screen{background:linear-gradient(135deg,#E9F3FF,#fff);border-radius:8px;padding:25px;min-height:260px;color:var(--navy)}.mock-brand{font:800 12px Plus Jakarta Sans;letter-spacing:.08em}.mock-screen-title{font:800 27px Plus Jakarta Sans;margin-top:28px;max-width:260px}.mock-lines{height:8px;width:75%;background:#D5E3F8;border-radius:9px;margin-top:14px}.mock-lines.short{width:49%}.mock-button{display:inline-block;margin-top:20px;background:var(--yellow);padding:9px 13px;border-radius:7px;font-weight:800;font-size:11px}.phone{position:absolute;right:-4px;bottom:4px;width:125px;height:220px;background:#18243A;border:5px solid #18243A;border-radius:24px;box-shadow:0 15px 30px #0004;transform:rotate(7deg)}.phone-screen{height:100%;border-radius:18px;background:#F1F6FF;padding:23px 9px 10px;text-align:center}.phone-screen b{font:800 11px Plus Jakarta Sans;color:var(--navy)}.phone-card{background:#fff;border-radius:8px;padding:10px 4px;margin-top:12px;font-size:8px;color:#50617C}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{padding:0;overflow:hidden}.course-img{height:155px;display:grid;place-items:center;font-size:48px;background:linear-gradient(135deg,#D9E8FF,#F6FAFF)}.course-body{padding:20px}.course-body h3{min-height:48px}.course-meta{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;color:var(--muted);margin:16px 0}.course-meta b{color:var(--navy)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{display:flex;gap:15px;padding:22px}.benefit .hub-icon{flex:0 0 48px;width:48px;height:48px;margin:0;font-size:22px}.benefit p{font-size:.86rem;margin:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.step{text-align:center;position:relative}.step-num{margin:0 auto 18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font:800 1.3rem Plus Jakarta Sans;box-shadow:0 0 0 8px #FFC92830}.step p{font-size:.88rem}.verify-box{max-width:720px;margin:auto;padding:30px;background:#fff;border:1px solid #E2EAF5;border-radius:22px;box-shadow:var(--shadow)}.verify-form{display:flex;gap:12px}.field{width:100%;min-height:50px;padding:13px 15px;border:1px solid #CCD8E9;border-radius:11px;background:#fff;color:var(--ink)}.field::placeholder{color:#8794A8}.form-note{font-size:.82rem;margin-top:12px}.testimonials{max-width:790px;margin:auto;position:relative}.testimonial{display:none;text-align:center;padding:36px 44px;border:1px solid #E2EAF5;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.testimonial.active{display:block;animation:fade .35s}.avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#DDEAFF;color:var(--navy);font-size:25px;font-weight:900;margin:0 auto 15px}.quote{font-size:1.12rem;color:#34445D;max-width:620px;margin:0 auto 22px}.test-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid #D5E0EF;background:#fff;color:var(--navy);font-size:20px;cursor:pointer}.dots{display:flex;gap:7px}.dot{width:7px;height:7px;border-radius:20px;background:#CBD6E6}.dot.active{width:22px;background:var(--blue)}.faq-list{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid #DCE6F2}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:21px 4px;border:0;background:transparent;font-weight:800;color:var(--navy);cursor:pointer}.faq-q span:last-child{font-size:22px;color:var(--blue)}.faq-a{display:none;padding:0 36px 20px 4px}.faq-item.open .faq-a{display:block;animation:fade .2s}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.cta-band{padding:58px 0;background:linear-gradient(120deg,#0B2A6F,#1F5FE0);color:#fff;position:relative;overflow:hidden}.cta-band:after{content:"V";position:absolute;right:5%;top:-130px;font:800 300px Plus Jakarta Sans;color:#FFFFFF0B}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;z-index:1}.cta-inner h2{margin-bottom:8px}.cta-inner p{margin:0;color:#D7E6FF}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.footer{background:#071D4B;color:#fff;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px}.footer .brand-name{color:#fff}.footer .brand-name small{color:#9CB9F7}.footer p,.footer a{color:#C1D0E8;font-size:.88rem}.footer h3{font-size:1rem;color:#fff;margin-bottom:16px}.footer-links{display:grid;gap:9px}.footer a:hover{color:var(--yellow)}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #FFFFFF30;border-radius:11px;color:#fff;font-weight:800}.map-placeholder{height:130px;background:linear-gradient(135deg,#14346D,#204A91);border:1px solid #FFFFFF22;border-radius:13px;display:grid;place-items:center;text-align:center;color:#E1EAFC;font-size:.8rem;padding:12px}.copyright{border-top:1px solid #FFFFFF20;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#AFC1E0;font-size:.78rem}.copyright a{font-size:.78rem}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:45;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#20C76A;color:#fff;font-size:25px;box-shadow:0 9px 25px #0a8d453d}.mobile-register{display:none}.modal-backdrop{position:fixed;inset:0;background:#07152dcc;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 25px 90px #0004;position:relative}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#EEF3FA;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}.modal h2{font-size:1.8rem;padding-right:38px}.modal .field{margin-bottom:12px}.modal label{display:block;font-size:.82rem;font-weight:700;color:#45536B;margin-bottom:5px}.success-state{display:none;text-align:center;padding:24px 5px}.success-state .success-icon{width:72px;height:72px;border-radius:50%;background:#DDF8EA;color:#078C5B;font-size:35px;display:grid;place-items:center;margin:0 auto 20px}.success-state h2{padding:0}.toast{margin-top:12px;padding:12px;border-radius:10px;background:#E7F8EF;color:#087B50;font-size:.86rem;display:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.navlinks{gap:12px;font-size:.78rem}.brand{min-width:auto}.nav .btn{padding:11px 14px}.hero-grid{gap:30px}.hub-grid{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{width:min(100% - 36px,var(--max))}.section{padding:68px 0}.nav{height:70px}.hamburger{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0b2a6f12}.navlinks.open{display:flex}.navlinks a{padding:12px 4px;border-bottom:1px solid #EFF3F8}.nav-actions>.btn{display:none}.hero{padding:50px 0 40px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:720px}.hero-art{min-height:390px;margin:8px 10px 0}.hero-photo{height:390px}.floating-pill{right:-10px;top:22px}.glass-card{left:-10px;bottom:20px}.project-wrap{grid-template-columns:1fr;gap:25px}.project-mock{min-height:330px}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}.benefit-grid{grid-template-columns:repeat(2,1fr)}.timeline{gap:14px}.step-num{width:50px;height:50px}.mobile-register{display:flex;position:fixed;z-index:48;bottom:0;left:0;right:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E1E8F2;box-shadow:0 -8px 25px #0b2a6f12}.mobile-register .btn{width:100%}body{padding-bottom:70px}.whatsapp{bottom:88px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.section{padding:58px 0}.brand-mark{width:38px;height:38px}.brand-name{font-size:11px}.brand-name small{font-size:8px}.hero{padding-top:38px}.hero-copy h1{font-size:2.45rem}.hero-copy>p{font-size:1rem}.hero-actions .btn{flex:1}.trust{justify-content:space-between}.trust-item{padding:0 10px}.trust strong{font-size:1.12rem}.trust span{font-size:.68rem}.hero-art{min-height:320px;margin:0}.hero-photo{height:320px;border-radius:25px 25px 75px 25px}.glass-card{padding:11px 12px;left:-8px;bottom:14px}.glass-icon{width:36px;height:36px;font-size:18px}.glass-card b{font-size:.78rem}.glass-card small{font-size:.68rem}.floating-pill{font-size:.72rem;padding:10px 11px;right:-8px}.hub-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hub-card{padding:17px}.hub-card p{min-height:unset;font-size:.8rem}.hub-icon{width:44px;height:44px;margin-bottom:14px}.hub-card h3{font-size:1rem}.plans{grid-template-columns:1fr;gap:24px}.plan{padding:23px}.domain-grid{grid-template-columns:repeat(2,1fr);gap:10px}.domain-card{padding:12px;gap:9px}.domain-emoji{width:36px;height:36px;flex-basis:36px;font-size:18px}.domain-card strong{font-size:.8rem}.domain-card small{font-size:.68rem}.offer-grid{grid-template-columns:1fr 1fr}.project-mock{min-height:270px}.laptop-screen{min-height:210px;padding:17px}.mock-screen-title{font-size:21px;margin-top:18px}.phone{width:98px;height:180px;right:-5px}.phone-screen{padding-top:21px}.course-grid{grid-template-columns:1fr 1fr;gap:12px}.course-img{height:110px;font-size:36px}.course-body{padding:14px}.course-body h3{font-size:.95rem;min-height:46px}.course-meta{flex-direction:column;gap:2px;margin:10px 0}.course-body .text-link{font-size:.8rem}.benefit-grid{grid-template-columns:1fr}.benefit{padding:17px}.timeline{grid-template-columns:repeat(2,1fr);row-gap:30px}.step p{font-size:.8rem}.verify-box{padding:20px}.verify-form{flex-direction:column}.verify-form .btn{width:100%}.testimonial{padding:28px 20px}.quote{font-size:1rem}.cta-band{padding:42px 0}.cta-actions{width:100%}.cta-actions .btn{flex:1}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{flex-direction:column}.whatsapp{right:15px;width:50px;height:50px}.modal{padding:24px 20px}.section-head{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Premium editorial refinements */
:root{--max:1240px;--radius:22px;--shadow:0 18px 55px rgba(11,42,111,.10)}
.container{width:min(var(--max),calc(100% - 56px))}
.section{padding:104px 0}
.section-head{margin-bottom:50px}
.section-head h2{letter-spacing:-.05em}
.hero{padding:88px 0 70px}
.hero-grid{gap:66px}
.hero-copy .eyebrow{background:#e9f1ff;padding:9px 13px;border-radius:30px;letter-spacing:.08em}
.hero-photo{border:7px solid #ffffffa8;outline:1px solid #D9E6F8}
.hero-art:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#FFC92836;filter:blur(2px);right:-45px;bottom:-25px}
.trust-item strong{font-size:1.55rem}
.hub-card,.domain-card,.course-card,.benefit,.plan{box-shadow:0 7px 24px rgba(11,42,111,.035)}
.hub-card{padding:27px 23px}
.hub-card p{min-height:78px}
.plan{padding:34px}
.plan.featured{box-shadow:0 18px 48px #1f5fe01a}
.domain-card{padding:20px}
.course-img{height:175px;position:relative;overflow:hidden}
.course-img:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #ffffffa0;border-radius:50%;right:-25px;top:-55px}
.benefit{padding:25px}
.timeline{gap:26px}
.timeline:before{content:"";position:absolute;left:12%;right:12%;top:28px;height:2px;background:#D8E5F6;z-index:0}
.step{z-index:1}
.step-num{background:var(--yellow);border:5px solid #fff;box-shadow:0 0 0 1px #E8D58A}
.footer{padding-top:72px}
@media(max-width:800px){.section{padding:75px 0}.hero{padding:56px 0 45px}.hero-grid{gap:35px}.timeline:before{display:none}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.section{padding:62px 0}.hero{padding-top:42px}.hub-card{padding:17px}.hub-card p{min-height:unset}.course-img{height:115px}.domain-card{padding:12px}.timeline:before{display:none}}

/* ===== Professional refinement layer ===== */
:root{--radius:14px;--bg2:#F5F8FC}
.reveal{opacity:1;transform:none;transition:none}
.section{padding:96px 0}.section.soft{background:var(--bg2)}
h1,h2,h3{letter-spacing:-.025em}h2{font-weight:700}
.section-head .eyebrow,.cta-inner .eyebrow{display:none}
.section-head{margin-bottom:44px}
.btn{border-radius:10px;font-weight:700}.btn:hover{transform:none;box-shadow:none;filter:brightness(.95)}
.hub-card,.domain-card,.course-card,.benefit,.plan,.verify-box,.testimonial{border-radius:14px;box-shadow:none;border:1px solid #E1E8F2}
.hub-card:hover,.domain-card:hover,.course-card:hover,.benefit:hover{transform:none;box-shadow:none;border-color:var(--blue)}
.hub-icon{width:48px;height:48px;border-radius:12px}
.hub-icon svg,.domain-emoji svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hub-card{display:flex;flex-direction:column}.hub-card p{min-height:0;flex:1}
.domain-emoji{border-radius:10px}
.domain-emoji[data-c=Tech]{background:#E8F0FF;color:#1F5FE0}.domain-emoji[data-c=Business]{background:#FFF4CA;color:#8C6500}.domain-emoji[data-c=Management]{background:#F0E8FF;color:#7544CA}.domain-emoji[data-c=Finance]{background:#DDF8EC;color:#087D58}
.course-img{height:140px!important;background:#EAF1FC!important;color:var(--blue)}.course-img:after{display:none}
.course-img svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero{background:var(--navy);padding:84px 0 76px}.hero:after{color:#ffffff08}
.hero h1,.hero .trust strong{color:#fff}.hero-copy h1 span{color:#9EC1FF}
.hero-copy>p{color:#C9D8F2}.hero .trust,.hero .trust-item{border-color:#ffffff2e}.hero .trust span{color:#A9BDE0}
.hero .btn-outline{color:#fff;border-color:#ffffff59}
.hero-copy .eyebrow{background:#ffffff14;color:#CFE0FF}
.hero-art:before,.floating-pill{display:none}
.hero-photo{border:0;outline:0;border-radius:18px;box-shadow:none;background:#1a3d8f}
.glass-card{border-radius:12px;box-shadow:none}
.plan.featured{background:var(--navy);border-color:var(--navy);box-shadow:none}
.plan.featured p,.plan.featured li{color:#D5E1F5}.plan.featured .price{color:#fff}.plan.featured .price small{color:#B9CAE8}
.plan.featured .plan-kicker{color:var(--yellow)}.plan.featured li:before{color:var(--yellow)}
.plan.featured .hub-icon{background:#ffffff1a;color:var(--yellow)}
.step-num{background:var(--navy);color:#fff;border:5px solid #fff;box-shadow:0 0 0 1px #C9D8ED}
.timeline:before{background:#C9D8ED}
.section.navy .offer{border-radius:10px}
.whatsapp{box-shadow:none}
/* Monochrome icons: theme blue only */
.hub-icon,.hub-icon.accent-blue,.hub-icon.accent-yellow,.hub-icon.accent-green,.hub-icon.accent-purple,.hub-icon.accent-coral,
.domain-emoji,.domain-emoji[data-c]{background:#E8F0FF;color:var(--navy)}
.plan.featured .hub-icon{background:#ffffff1a;color:var(--yellow)}
.course-img{color:var(--navy)}

/* ===== Motion ===== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
.hub-grid .reveal:nth-child(2),.benefit-grid .reveal:nth-child(2),.course-grid .reveal:nth-child(2),.timeline .reveal:nth-child(2){transition-delay:.08s}
.hub-grid .reveal:nth-child(3),.benefit-grid .reveal:nth-child(3),.course-grid .reveal:nth-child(3),.timeline .reveal:nth-child(3){transition-delay:.16s}
.hub-grid .reveal:nth-child(4),.benefit-grid .reveal:nth-child(4),.course-grid .reveal:nth-child(4),.timeline .reveal:nth-child(4){transition-delay:.24s}
.hub-grid .reveal:nth-child(5),.benefit-grid .reveal:nth-child(5){transition-delay:.32s}
.benefit-grid .reveal:nth-child(6){transition-delay:.4s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ring{0%{box-shadow:0 0 0 0 #20C76A66}100%{box-shadow:0 0 0 18px #20C76A00}}
.hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.28s}.hero-copy>:nth-child(5){animation-delay:.38s}
.hero-photo{animation:pop 1s .2s cubic-bezier(.2,.7,.2,1) both}
.glass-card{animation:rise .8s .7s both,floaty 6s 1.5s ease-in-out infinite}
.domain-card{animation:pop .45s both}
.domain-card:nth-child(4n+2){animation-delay:.04s}.domain-card:nth-child(4n+3){animation-delay:.08s}.domain-card:nth-child(4n){animation-delay:.12s}
.hub-card,.domain-card,.course-card,.benefit,.plan{transition:border-color .25s,transform .25s,box-shadow .25s}
.hub-card:hover,.course-card:hover,.benefit:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,42,111,.08)}
.hub-icon{transition:background .25s,color .25s}
.hub-card:hover .hub-icon,.benefit:hover .hub-icon{background:var(--navy);color:#fff}
.text-link span,.btn span{display:inline-block;transition:transform .25s}
.text-link:hover span,.btn:hover span{transform:translateX(4px)}
.btn{transition:transform .2s,filter .2s,background .2s}.btn:active{transform:scale(.97)}
.course-img svg{transition:transform .4s}.course-card:hover .course-img svg{transform:scale(1.12) rotate(-4deg)}
.whatsapp{animation:ring 2.4s infinite}
.topbar{transition:box-shadow .3s}.topbar.scrolled{box-shadow:0 6px 24px rgba(11,42,111,.08)}
.timeline:before{transform:scaleX(0);transform-origin:left;transition:transform 1.2s .2s ease}
.timeline.visible:before{transform:scaleX(1)}
.faq-a{animation:rise .3s both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.timeline:before{transform:none}}

/* ===== Marquee ===== */
.marquee{background:#fff;border-bottom:1px solid #E1E8F2;display:flex;align-items:center;overflow:hidden}
.marquee-label{flex:0 0 auto;padding:0 28px;font-weight:700;font-size:.82rem;color:var(--navy);background:var(--yellow);align-self:stretch;display:flex;align-items:center;position:relative;z-index:2;white-space:nowrap}
.marquee-view{flex:1;overflow:hidden;padding:20px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite}
.marquee-view:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;flex:0 0 auto}
.marquee-group span{display:flex;align-items:center;white-space:nowrap;font-weight:600;font-size:.95rem;color:#3B4C6B;padding:0 26px}
.marquee-group span:after{content:"";width:6px;height:6px;background:var(--blue);border-radius:1px;transform:rotate(45deg);margin-left:52px}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:560px){.marquee-label{padding:0 14px;font-size:.72rem;white-space:normal;max-width:96px;line-height:1.25}.marquee-group span{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important;overflow-x:auto}}

/* ===== Sticky call button ===== */
.call-fab{position:fixed;right:22px;bottom:90px;z-index:45;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--yellow);border:2px solid #ffffff;box-shadow:0 8px 22px rgba(11,42,111,.28);transition:transform .2s,background .2s}
.call-fab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.call-fab:hover{background:var(--blue);transform:scale(1.06)}
.call-fab:hover svg{animation:ringshake .6s}
.call-tip{position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(6px);background:var(--navy);color:#fff;font-size:.8rem;font-weight:700;padding:7px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.call-fab:hover .call-tip,.call-fab:focus-visible .call-tip{opacity:1;transform:translateY(-50%)}
@keyframes ringshake{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}
@media(max-width:800px){.call-fab{bottom:154px}}
@media(max-width:560px){.call-fab{right:15px;width:50px;height:50px;bottom:148px}.call-tip{display:none}}
@media(prefers-reduced-motion:reduce){.call-fab:hover svg{animation:none}}

/* ===== Shine on Register Now ===== */
.btn.shine{position:relative;overflow:hidden;isolation:isolate}
.btn.shine:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes shine{0%{left:-80%}55%,100%{left:140%}}
@media(prefers-reduced-motion:reduce){.btn.shine:after{animation:none;display:none}}

/* ===== Hero redesign: dotted navy, arch photo with offset frame ===== */
.hero{background:radial-gradient(circle at 88% 8%,#2D62D6 0,transparent 42%),radial-gradient(circle at 5% 100%,#123A8F 0,transparent 45%),var(--navy)}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(100deg,transparent 35%,#000);mask-image:linear-gradient(100deg,transparent 35%,#000);pointer-events:none}
.hero-art{justify-content:center}
.hero-art:before{display:block;content:"";position:absolute;left:50%;top:50%;width:min(100%,430px);height:480px;margin:-240px 0 0 -215px;border:2px solid var(--yellow);border-radius:220px 220px 20px 20px;transform:translate(20px,20px);background:none;filter:none;right:auto;bottom:auto}
.hero-photo{position:relative;z-index:1;width:min(100%,430px);height:480px;border-radius:220px 220px 20px 20px;object-fit:cover}
.glass-card{z-index:2;left:max(0px,calc(50% - 270px));bottom:48px;background:#fffffff2}
.hero-copy h1{letter-spacing:-.035em}
.hero-copy h1 span{position:relative}
@media(max-width:800px){.hero-art{min-height:420px}.hero-art:before,.hero-photo{height:380px;width:min(88%,340px);border-radius:170px 170px 18px 18px}.hero-art:before{margin:-190px 0 0 calc(-1 * min(88%,340px) / 2)}.glass-card{left:4%}}
@media(max-width:560px){.hero-art{min-height:380px}.hero-art:before,.hero-photo{height:340px;border-radius:150px 150px 16px 16px}.hero-art:before{margin-top:-170px;transform:translate(12px,12px)}}

/* ===== Nav extras (PHP version) ===== */
.navlinks a.active{color:var(--blue)}
.mobile-nav-register{display:none}
@media(max-width:800px){.navlinks .mobile-nav-register{display:block;color:var(--navy);font-weight:800}}