:root{--primary:#0a0a0f;--secondary:#13131d;--accent:#2563eb;--accent-glow:#2563eb80;--text-main:#f8fafc;--text-muted:#94a3b8;--surface:#ffffff08;--surface-border:#ffffff14;--green-accent:#10b981}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}body{background-color:var(--primary);color:var(--text-main);line-height:1.6;overflow-x:hidden}ul{list-style:none}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 25px var(--accent-glow);background-color:#3b82f6;transform:translateY(-2px)}.btn-outline{border:1px solid var(--surface-border);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--surface);border-color:var(--accent)}.glass{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section-title{text-align:center;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}html{scroll-behavior:smooth}::selection{background-color:var(--accent);color:#fff}.navbar{z-index:100;background:0 0;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{border-bottom:1px solid var(--surface-border);padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-container{align-items:center;gap:12px;display:flex}.logo{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:48px;height:48px}.brand{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.nav-actions{align-items:center;gap:1rem;display:flex}@media (width<=768px){.nav-call-btn span{display:none}.nav-call-btn{padding:.75rem}.brand-name{font-size:1.1rem}}.hero-container-standard{background-color:var(--primary);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-static{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-scroll-container{background-color:var(--primary);width:100%;height:160vh;position:relative}.hero-sticky{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hero-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:2;background:linear-gradient(#0a0a0f66 0%,#0a0a0fd9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;z-index:10;will-change:transform, opacity;width:100%;padding-top:5rem;position:relative}.hero-scroll-text{width:100%;color:var(--text-main);text-align:center;z-index:15;pointer-events:none;opacity:0;will-change:transform, opacity;text-shadow:0 4px 30px #000c;letter-spacing:-.5px;font-size:clamp(2rem,5vw,4rem);font-weight:700;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-scroll-cta{z-index:20;opacity:0;will-change:transform, opacity;pointer-events:none;gap:1.5rem;display:flex;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.cinematic-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #ffffff1a;box-shadow:0 0 25px #2563eb66}.cinematic-btn-outline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0f66}.hero-trustline{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-highlight{background:linear-gradient(135deg,#60a5fa,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem;line-height:1.5}.hero-author{color:var(--text-main);font-weight:500}.hero-cta{z-index:100;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}@media (width<=768px){.hero-content{padding-top:3rem}.hero-cta{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.hero-cta .btn{width:100%}}.clarity-section{opacity:0;z-index:10;background-color:var(--primary);transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(40px)}.clarity-section.visible{opacity:1;transform:translateY(0)}.text-left{text-align:left}.clarity-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.clarity-desc{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.2rem}.features-list{flex-direction:column;gap:1rem;display:flex}.feature-item{align-items:center;gap:1rem;padding:1rem 1.5rem;transition:transform .3s,border-color .3s;display:flex}.feature-item:hover{border-color:var(--accent);transform:translate(10px)}.feature-icon{background:#2563eb1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-blue{color:var(--accent)}.feature-text{font-size:1.1rem;font-weight:500}.clarity-video-container{position:relative}.video-glow{filter:blur(80px);z-index:-1;background:#2563eb4d;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clarity-video{border-radius:1.5rem;width:100%;box-shadow:0 20px 40px #0006}.floating-badge{color:var(--text-main);padding:.5rem 1rem;font-size:.9rem;font-weight:500;animation:4s ease-in-out infinite float;position:absolute;box-shadow:0 10px 20px #0003}.badge-1{animation-delay:0s;top:10%;right:-5%}.badge-2{animation-delay:2s;bottom:20%;left:-10%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=992px){.clarity-grid{grid-template-columns:1fr;gap:3rem}.text-left,.clarity-desc{text-align:center}.badge-1{right:5%}.badge-2{left:5%}}.course-section{background-color:var(--secondary);opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.course-section.visible{opacity:1;transform:translateY(0)}.mt-5{margin-top:5rem}.category-title{text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.course-card{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.course-card:before{content:"";opacity:0;z-index:0;background:radial-gradient(circle at 50% 0,#2563eb1a,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.course-card:hover{border-color:#2563eb4d;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 40px #2563eb26}.course-card:hover:before{opacity:1}.course-card>*{z-index:1}.course-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:transform .4s;display:flex}.course-card:hover .course-icon-wrapper{transform:scale(1.1)rotate(5deg)}.course-icon{width:32px;height:32px}.course-title{margin-bottom:1rem;font-size:1.4rem}.course-desc{color:var(--text-muted);flex-grow:1;margin-bottom:2rem}.foundation-subjects{color:var(--text-main);flex-wrap:wrap;justify-content:center;gap:.5rem;font-weight:500;display:flex}.dot{color:var(--accent)}.course-btn{width:100%}.course-card:hover .course-btn{background-color:var(--accent);color:#fff;border-color:var(--accent)}.authority-section{opacity:0;transition:all .8s;position:relative;transform:translateY(30px)}.authority-section.visible{opacity:1;transform:translateY(0)}.authority-wrapper{text-align:center;background:linear-gradient(135deg,#2563eb0d,#0a0a0f00);border-radius:2rem;padding:5rem}.auth-subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.9rem}.auth-title{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2}.auth-divider{background:var(--accent);border-radius:2px;width:60px;height:4px;margin:0 auto 2rem}.auth-desc{color:var(--text-muted);max-width:800px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.trust-badges{justify-content:center;gap:3rem;display:flex}.trust-badge{flex-direction:column;display:flex}.trust-number{color:var(--text-main);font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700}.trust-text{color:var(--text-muted);font-weight:500}@media (width<=768px){.authority-wrapper{padding:3rem 1.5rem}.trust-badges{flex-direction:column;gap:1.5rem}}.authority-layout{text-align:left;align-items:center;gap:4rem;display:flex}.authority-layout .auth-divider,.authority-layout .auth-desc{margin-left:0;margin-right:0}.authority-layout .trust-badges{justify-content:flex-start}.authority-image-container{flex:0 0 40%;max-width:400px}.authority-image{object-fit:cover;opacity:0;border-radius:2rem;width:100%;height:auto;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(30px);box-shadow:0 20px 40px #0003,0 0 30px #2563eb33}.authority-section.visible .authority-image{opacity:1;transform:translateY(0)}.authority-content{flex:1}@media (width<=968px){.authority-layout{text-align:center;flex-direction:column;gap:2rem}.authority-layout .auth-divider,.authority-layout .auth-desc{margin-left:auto;margin-right:auto}.authority-layout .trust-badges{justify-content:center}.authority-image-container{max-width:300px}}.proof-section{background-color:var(--secondary);opacity:0;transition:all .8s;transform:translateY(40px)}.proof-section.visible{opacity:1;transform:translateY(0)}.reels-container{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.reel-wrapper{background:var(--surface);border-radius:1.5rem;justify-content:center;align-items:center;width:320px;height:560px;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.reel-wrapper:hover{border-color:#2563eb66;transform:translateY(-10px)scale(1.02);box-shadow:0 15px 30px #2563eb26}.instagram-embed{background:#fff;border:none;width:100%;height:100%}@media (width<=1024px){.reel-wrapper{width:300px;height:520px}}@media (width<=768px){.reels-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-direction:row;justify-content:flex-start;padding-bottom:2rem;overflow-x:auto}.reel-wrapper{scroll-snap-align:center;flex:none;width:280px;height:480px}.reels-container::-webkit-scrollbar{display:none}}.features-section{background-color:var(--primary);opacity:0;transition:all .8s;transform:translateY(40px)}.features-section.visible{opacity:1;transform:translateY(0)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{text-align:center;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#2563eb4d;transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.feature-icon-circle{width:60px;height:60px;color:var(--accent);background:#2563eb1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon-circle{background:var(--accent);color:#fff;transform:scale(1.1)}.feature-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.95rem}.contact-section{background-color:var(--secondary);opacity:0;transition:all .8s;transform:translateY(40px)}.contact-section.visible{opacity:1;transform:translateY(0)}.cta-banner{text-align:center;background:linear-gradient(135deg,#2563eb26,#0a0a0f0d);border-radius:2rem;margin-bottom:5rem;padding:4rem 2rem}.cta-banner h2{margin-bottom:1rem;font-size:2.5rem}.cta-banner p{color:var(--text-muted);font-size:1.2rem}.contact-grid{grid-template-columns:1fr 1.5fr;gap:3rem;display:grid}.contact-info,.contact-form-container{border-radius:1.5rem;padding:3rem}.contact-info h3,.contact-form-container h3{color:var(--accent);margin-bottom:.5rem;font-size:1.8rem}.contact-subtitle{color:var(--text-muted);margin-bottom:2.5rem}.info-items{flex-direction:column;gap:2rem;display:flex}.info-item{align-items:flex-start;gap:1.5rem;display:flex}.info-icon{color:var(--accent);margin-top:5px}.info-item h4{margin-bottom:.25rem;font-weight:600}.info-item p{color:var(--text-muted);line-height:1.5}.contact-form{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.95rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--surface-border);width:100%;color:var(--text-main);background:#ffffff0d;border-radius:.75rem;padding:1rem;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff14;outline:none}.form-group option{color:#f8fafc;background-color:#0a0a0f;padding:.5rem}.submit-btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}@media (width<=992px){.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.contact-info,.contact-form-container{padding:2rem 1.5rem}.cta-banner{padding:3rem 1.5rem}}.footer{background-color:var(--primary);border-top:1px solid var(--surface-border);padding-bottom:2rem}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-logo-container{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.footer-logo{border-radius:50%;width:40px;height:40px}.footer-brand-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.footer-desc{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.social-links{gap:1rem;display:flex}.social-icon{background:var(--surface);width:40px;height:40px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-icon:hover{background:var(--accent);box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-3px)}.footer-title{margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.footer-links ul,.footer-contact ul{flex-direction:column;gap:1rem;display:flex}.footer-links a{color:var(--text-muted);transition:color .3s}.footer-links a:hover{color:var(--accent)}.footer-contact li{color:var(--text-muted);align-items:flex-start;gap:1rem;line-height:1.5;display:flex}.f-icon{color:var(--accent);flex-shrink:0;margin-top:3px}.footer-bottom{border-top:1px solid var(--surface-border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.9rem;display:flex}.designer-tag{font-weight:500}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.floating-whatsapp{background-color:var(--green-accent);color:#fff;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;animation:2s infinite pulse;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 20px #10b98166}.floating-whatsapp:hover{animation:none;transform:scale(1.1);box-shadow:0 15px 30px #10b98199}.whatsapp-tooltip{color:#333;white-space:nowrap;opacity:0;pointer-events:none;background-color:#fff;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:opacity .3s;position:absolute;right:75px;box-shadow:0 5px 15px #0000001a}.whatsapp-tooltip:after{content:"";border:6px solid #0000;border-left-color:#fff;border-right-width:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.floating-whatsapp:hover .whatsapp-tooltip{opacity:1}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}@media (width<=768px){.floating-whatsapp{width:50px;height:50px;bottom:20px;right:20px}.whatsapp-tooltip{display:none}}
