@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.intro{position:relative;z-index:1;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:60px 24px}.intro-content{max-width:780px;width:100%;text-align:center}.reveal{opacity:0;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,1,.3,1)}.brand-signature{height:132px;margin:-13px auto 27px;overflow:hidden;animation-name:revealUp;animation-duration:1.4s;animation-delay:.3s}.brand-signature img{display:block;width:min(420px,75vw);height:auto;margin:-140px auto 0;filter:drop-shadow(0 0 15px rgba(130,15,18,.22))}.welcome{margin-bottom:24px;color:#fff;font-size:17px;font-weight:400;letter-spacing:-.015em;animation-name:revealFade;animation-duration:1.2s;animation-delay:1.8s}.text-block{margin-bottom:22px;color:#b0b0b5;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.65;animation-name:revealFade;animation-duration:1.2s}.highlight-line{margin-bottom:22px;color:#fff;font-size:17px;font-weight:400;letter-spacing:-.015em;animation-name:revealFade;animation-duration:1.2s}.p1{animation-delay:3.2s}.p2{animation-delay:8s}.p-gratis{animation-delay:12.2s}.p3{animation-delay:14s}.btn-siguiente{position:relative;isolation:isolate;display:inline-grid;place-items:center;min-width:136px;margin-top:36px;padding:14px 35px;overflow:hidden;border:1px solid rgba(226,228,235,.62);border-radius:6px;background:#fff;color:#090909;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;animation-name:revealFade;animation-duration:1.4s;animation-delay:17s;transition:transform .2s ease,background .2s ease}.btn-siguiente span{position:relative;z-index:1}.btn-siguiente::before{content:'';position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--intro-border-angle),rgba(220,222,228,.45) 0deg,rgba(220,222,228,.45) 295deg,#781116 321deg,#e34b4e 340deg,#fff 350deg,#e34b4e 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:introBorderDrift 6s linear infinite}.btn-siguiente:hover{background:#faf7f7;transform:translateY(-2px)}@property --intro-border-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes introBorderDrift{to{--intro-border-angle:360deg}}@keyframes revealUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFade{from{opacity:0}to{opacity:1}}.aurora-container{position:fixed;z-index:0;inset:0;overflow:hidden;background:#000;pointer-events:none}.aurora-base{position:absolute;inset:0;background:linear-gradient(135deg,#000,#080808 50%,#000)}.aurora-wave{position:absolute;inset:0}.aurora-wave-1{background:radial-gradient(ellipse 800px 600px at 50% 20%,rgba(255,255,255,.055),transparent 52%);animation:aurora1 12s ease-in-out infinite alternate}.aurora-wave-2{background:radial-gradient(ellipse 600px 400px at 80% 30%,rgba(255,255,255,.04),transparent 52%);animation:aurora2 10s ease-in-out infinite alternate-reverse}.aurora-wave-3{background:radial-gradient(ellipse 700px 500px at 20% 60%,rgba(255,255,255,.035),transparent 52%);animation:aurora3 14s ease-in-out infinite alternate}.aurora-wave-4{background:radial-gradient(ellipse 900px 300px at 60% 80%,rgba(255,255,255,.03),transparent 52%);animation:aurora4 11s ease-in-out infinite alternate-reverse}.aurora-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%,rgba(0,0,0,.35))}@keyframes aurora1{0%{transform:translate(-100px,-50px) rotate(0) scale(1)}50%{transform:translate(50px,30px) rotate(180deg) scale(1.1)}100%{transform:translate(100px,-30px) rotate(360deg) scale(.9)}}@keyframes aurora2{0%{transform:translate(80px,40px) rotate(45deg) scale(.8)}50%{transform:translate(-30px,-20px) rotate(225deg) scale(1.2)}100%{transform:translate(-80px,60px) rotate(405deg) scale(.9)}}@keyframes aurora3{0%{transform:translate(-40px,40px) scale(1)}100%{transform:translate(70px,-45px) scale(1.15)}}@keyframes aurora4{0%{transform:translate(70px,-30px) scale(.85)}100%{transform:translate(-55px,45px) scale(1.1)}}.modal-overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.28s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-card{position:relative;width:min(100%,430px);padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#151515;box-shadow:0 24px 70px rgba(0,0,0,.65);transform:translateY(15px) scale(.98);transition:transform .4s cubic-bezier(.16,1,.3,1)}.modal-overlay.active .modal-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:15px;right:17px;border:0;background:transparent;color:#aaa;font-size:1.55rem;cursor:pointer}.modal-logo{height:68px;margin:-23px auto -7px;overflow:hidden}.modal-logo img{display:block;width:160px;margin:-48px auto 0}.modal-card h2{margin-top:10px;font-size:1.48rem;letter-spacing:-.04em}.modal-card>p{margin-top:7px;color:#999;font-size:.85rem}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:27px 0 21px;padding:4px;border-radius:9px;background:#202020}.modal-tabs button{padding:9px;border:0;border-radius:6px;background:transparent;color:#999;font:600 .8rem Inter,sans-serif;cursor:pointer}.modal-tabs button.active{background:#303030;color:#fff}form{display:grid;gap:9px}form label{margin-top:7px;color:#aaa;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}form input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;outline:none;background:#0d0d0d;color:#fff;font:400 .88rem Inter,sans-serif}form input:focus{border-color:rgba(215,73,76,.75)}form button{margin-top:18px;padding:13px;border:0;border-radius:7px;background:#fff;color:#000;font:700 .76rem Inter,sans-serif;cursor:pointer}@media(max-width:600px){.intro{padding:50px 17px}.brand-signature{height:103px;margin-bottom:21px}.brand-signature img{width:330px;margin-top:-99px}.text-block br{display:none}.modal-card{padding:31px 24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important}}
