:root{--navy:#020b25;--navy2:#071536;--pink:#f2074f;--pink2:#ff0f63;--white:#fff;--muted:#c8d0e7;--card:rgba(255,255,255,.075);--line:rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 20%,#260a38 0,#06122f 42%,#010818 100%);color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}#bg3d{position:fixed;inset:0;z-index:-2}.nav-glass{background:rgba(2,11,37,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand-logo{width:96px;height:96px;object-fit:cover;border-radius:50%;box-shadow:0 0 25px rgba(242,7,79,.25)}.nav-link{color:#fff!important;font-weight:600;position:relative}.nav-link.active,.nav-link:hover{color:var(--pink2)!important}.social-head a{color:#fff;background:#fff;color:var(--navy);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;text-decoration:none}.btn{border-radius:8px;text-transform:uppercase;font-weight:800;letter-spacing:.03em}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--pink2));border-color:var(--pink)}.btn-outline-light{border-color:var(--pink);color:#fff}.btn-glow{box-shadow:0 0 28px rgba(242,7,79,.38)}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,37,.96) 0%,rgba(2,11,37,.72) 35%,rgba(242,7,79,.16) 100%);z-index:-1}.hero-copy{padding-top:110px}.eyebrow{color:var(--pink2);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.eyebrow:after{content:"";display:block;width:46px;height:2px;background:var(--pink);margin-top:10px}h1,h2,h3{font-family:Montserrat,sans-serif;font-weight:900}h1{font-size:clamp(3rem,6vw,6.2rem);line-height:1.05;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.5)}h1 span,h2 span{color:var(--pink2)}.lead{color:#e7ecff;font-size:1.25rem;max-width:570px}.hero-features{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}.hero-features div{display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding-right:26px}.hero-features i{font-size:2.1rem;color:var(--pink2)}.visual-stage{height:650px;position:relative;perspective:1000px;transform-style:preserve-3d}.platform-glow{position:absolute;left:12%;right:0;bottom:8%;height:120px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,15,99,.7),rgba(255,15,99,.18) 35%,transparent 68%);transform:rotateX(65deg);filter:blur(2px)}.mexico-map{position:absolute;right:9%;top:19%;width:520px;height:260px;background:linear-gradient(145deg,#1c2d5e,#060d23);clip-path:polygon(0 25%,14% 10%,31% 18%,48% 8%,65% 18%,82% 15%,100% 35%,85% 54%,68% 45%,58% 68%,39% 58%,24% 70%,10% 55%);border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 45px rgba(255,255,255,.06),0 20px 80px rgba(242,7,79,.28);transform:rotateX(8deg) rotateY(-16deg) rotateZ(4deg)}.map-title{position:absolute;left:25px;top:25px;font-family:Montserrat;font-weight:900;opacity:.8}.mexico-map span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--pink2);box-shadow:0 0 18px var(--pink2),0 0 45px var(--pink2);animation:pulse 1.6s infinite}.vote-card{position:absolute;right:0;top:36%;width:260px;background:rgba(3,8,25,.82);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotateY(-12deg) rotateX(5deg)}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--pink2) 0 58%,#26356a 58% 80%,#7e2349 80%);display:grid;place-items:center;margin:20px auto;position:relative}.donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#0b1430}.donut strong{z-index:1;font-size:28px}.vote-card p{font-size:12px;color:var(--muted);margin:.4rem 0}.vote-card i{display:inline-block;width:9px;height:9px;background:var(--pink2);border-radius:50%;margin-right:7px}.chart-bars{position:absolute;left:18%;bottom:19%;height:220px;display:flex;align-items:end;gap:15px;transform:rotateX(58deg) rotateZ(-4deg)}.chart-bars b{width:34px;background:linear-gradient(#ff236d,#273a76);box-shadow:0 0 25px rgba(255,15,99,.25)}.chart-bars b:nth-child(1){height:70px}.chart-bars b:nth-child(2){height:95px}.chart-bars b:nth-child(3){height:130px}.chart-bars b:nth-child(4){height:160px}.chart-bars b:nth-child(5){height:200px}.chart-bars b:nth-child(6){height:235px}.pie-3d{position:absolute;left:48%;bottom:20%;width:130px;height:72px;border-radius:50%;background:conic-gradient(var(--pink2) 0 33%,#283b75 33% 76%,#d4d8e8 76%);transform:rotateX(66deg);box-shadow:0 18px 0 #0d1734}.orbital{position:absolute;border:1px solid rgba(255,15,99,.23);border-radius:50%;transform:rotateX(70deg);animation:spin 12s linear infinite}.orbital-a{width:720px;height:240px;right:4%;bottom:4%}.orbital-b{width:570px;height:180px;right:10%;bottom:14%;animation-duration:18s}.section-pad{padding:90px 0}.services-section{background:linear-gradient(180deg,rgba(8,20,50,.98),rgba(2,11,37,.98))}.section-text{color:var(--muted);font-size:1.08rem;max-width:650px}.service-card,.stat-box{height:100%;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;transition:.35s;backdrop-filter:blur(12px)}.service-card:hover,.stat-box:hover{transform:translateY(-10px);border-color:rgba(255,15,99,.5);box-shadow:0 24px 70px rgba(242,7,79,.17)}.service-card>i{font-size:28px;color:#ff8aad;background:rgba(242,7,79,.16);width:58px;height:58px;border-radius:12px;display:grid;place-items:center;margin-bottom:22px}.service-card h3{font-size:1rem}.service-card p,.stat-box p{color:var(--muted);font-size:.92rem}.service-card a{color:var(--pink2);font-weight:900;text-decoration:none;text-transform:uppercase;font-size:.78rem}.about-section,.stats-section,.contact-section{background:rgba(2,11,37,.96)}.stat-box strong{font-family:Montserrat;font-size:4rem;color:var(--pink2);line-height:1}.contact-section{background:radial-gradient(circle at 50% 0,rgba(242,7,79,.23),rgba(2,11,37,1) 55%)}.footer{background:#010614;color:var(--muted);border-top:1px solid var(--line)}@keyframes pulse{50%{transform:scale(1.8);opacity:.55}}@keyframes spin{to{transform:rotateX(70deg) rotateZ(360deg)}}@media(max-width:991px){.brand-logo{width:70px;height:70px}.visual-stage{height:500px;transform:scale(.72);transform-origin:top center}.hero-copy{padding-top:130px}.hero-features div{border:0}.social-head{padding-bottom:20px}h1{font-size:3rem}}@media(max-width:575px){.visual-stage{height:360px;transform:scale(.48);transform-origin:top left;width:760px}.section-pad{padding:60px 0}.hero-features{gap:18px}.btn-lg{font-size:.9rem;padding:.8rem 1rem}}
