@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Rajdhani:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#f4f4f4;background:#1e1e1e;font-family:Rajdhani,Titillium Web,Arial,sans-serif;overflow-x:hidden}.landing-container{background-image:url(/imagenFondoLogin3.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative;overflow-y:auto}.landing-container:before{content:"";z-index:1;background:linear-gradient(135deg,#000000b3 0%,#00000080 50%,#000000b3 100%);position:absolute;inset:0}.landing-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border-bottom:2px solid #ffd7004d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.landing-logo{align-items:center;gap:12px;display:flex}.landing-logo-icon{color:gold;text-shadow:0 0 20px #ffd70080;font-size:2rem;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 20px #ffd70080}to{text-shadow:0 0 30px #ffd700cc,0 0 40px #ffd7004d}}.landing-logo-text{color:gold;letter-spacing:3px;text-shadow:0 2px 4px #00000080;font-family:Orbitron,Arial,sans-serif;font-size:1.8rem;font-weight:900}.landing-nav{gap:20px;display:flex}.nav-button{letter-spacing:1px;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:12px 28px;font-family:Rajdhani,Arial,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button-login{color:gold;background:0 0;border-color:gold}.nav-button-login:hover{background:#ffd7001a;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.nav-button-register{color:#fff;background:linear-gradient(135deg,#b22222 0%,#d32f2f 100%);border-color:gold;box-shadow:0 4px 15px #b222224d}.nav-button-register:hover{color:gold;background:linear-gradient(135deg,#8b1a1a 0%,#b22222 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b2222266}.landing-hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:60px 20px;display:flex;position:relative}.hero-content{max-width:900px;animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{color:gold;letter-spacing:1px;text-transform:uppercase;background:#ffd7001a;border:1px solid gold;border-radius:20px;margin-bottom:30px;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{color:gold;letter-spacing:4px;text-shadow:0 4px 8px #00000080;margin-bottom:20px;font-family:Orbitron,Arial,sans-serif;font-size:4rem;font-weight:900;line-height:1.2}.hero-subtitle{color:silver;margin-bottom:40px;font-size:1.5rem;font-weight:500;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-button{letter-spacing:1px;cursor:pointer;border:2px solid #0000;border-radius:12px;padding:18px 40px;font-family:Orbitron,Arial,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.hero-button-primary{color:#fff;background:linear-gradient(135deg,#b22222 0%,#d32f2f 100%);border-color:gold;box-shadow:0 6px 20px #b2222266}.hero-button-primary:hover{color:gold;background:linear-gradient(135deg,#8b1a1a 0%,#b22222 100%);transform:translateY(-3px);box-shadow:0 8px 25px #b2222280}.hero-button-secondary{color:gold;background:0 0;border-color:gold}.hero-button-secondary:hover{background:#ffd7001a;transform:translateY(-3px);box-shadow:0 6px 20px #ffd7004d}.scroll-indicator{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:10px;transition:all .3s;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{animation:none;transform:translate(-50%)scale(1.1)}.scroll-indicator:hover .scroll-text{opacity:1;color:#fff}.scroll-indicator:hover .scroll-arrow{background:#ffd70033;border-color:#fff;transform:translateY(5px)}.scroll-indicator:hover .scroll-arrow span{color:#fff}.scroll-indicator:active{transform:translate(-50%)scale(.95)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.scroll-text{color:gold;letter-spacing:1px;text-transform:uppercase;opacity:.8;font-size:.9rem;font-weight:600}.scroll-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7001a;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scroll-arrow span{color:gold;font-size:1.5rem;animation:2s infinite arrowBounce}@keyframes arrowBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(3px)}}.landing-features{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;padding:80px 20px;position:relative}.features-container{max-width:1200px;margin:0 auto}.features-title{color:gold;text-align:center;letter-spacing:2px;margin-bottom:60px;font-family:Orbitron,Arial,sans-serif;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232323cc;border:2px solid gold;border-radius:16px;padding:40px 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:gold;transform:translateY(-5px);box-shadow:0 10px 30px #ffd70033}.feature-icon{margin-bottom:20px;font-size:3rem}.feature-title{color:gold;letter-spacing:1px;margin-bottom:15px;font-family:Rajdhani,Arial,sans-serif;font-size:1.4rem;font-weight:700}.feature-description{color:silver;font-size:1rem;line-height:1.6}.landing-pricing{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;padding:80px 20px;position:relative}.pricing-container{max-width:1100px;margin:0 auto}.pricing-title{color:gold;text-align:center;letter-spacing:2px;margin-bottom:12px;font-family:Orbitron,Arial,sans-serif;font-size:2.5rem;font-weight:700}.pricing-subtitle{text-align:center;color:silver;margin-bottom:40px;font-size:1rem}.pricing-toggle{justify-content:center;margin-bottom:48px;display:flex}.pricing-toggle-inner{background:#ffffff0f;border:1px solid #ffd70033;border-radius:999px;gap:4px;padding:4px;display:flex}.pricing-toggle-btn{color:silver;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.pricing-toggle-btn.active{color:#111;background:gold;font-weight:700}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;display:grid}.pricing-card{background:#232323d9;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;padding:32px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffd7001a}.pricing-card.featured{border:2px solid gold;box-shadow:0 0 30px #ffd70026}.pricing-badge{color:#111;white-space:nowrap;letter-spacing:1px;text-transform:uppercase;background:gold;border-radius:999px;padding:4px 14px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-plan-name{color:gold;letter-spacing:1px;font-family:Rajdhani,Arial,sans-serif;font-size:1.3rem;font-weight:700}.pricing-plan-desc{color:#888;margin-top:2px;font-size:.8rem}.pricing-amount{align-items:flex-end;gap:4px;display:flex}.pricing-amount-value{color:#fff;font-family:Orbitron,Arial,sans-serif;font-size:2.8rem;font-weight:800;line-height:1}.pricing-amount-currency{color:#888;margin-bottom:4px;font-size:1.2rem}.pricing-amount-period{color:#666;margin-bottom:6px;font-size:.85rem}.pricing-monthly-equiv{color:#4ade80;margin-top:-12px;font-size:.78rem}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pricing-feature{color:silver;align-items:center;gap:8px;font-size:.88rem;display:flex}.pricing-feature-check{color:#4ade80;flex-shrink:0;font-size:.9rem}.pricing-cta{text-align:center;color:gold;cursor:pointer;background:0 0;border:1.5px solid gold;border-radius:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.pricing-cta:hover{color:#111;background:gold}.pricing-cta.free{color:#888;border-color:#ffffff26}.pricing-cta.free:hover{color:#fff;background:#ffffff0d}.pricing-saving{color:#4ade80;font-size:.75rem;font-weight:600}.landing-footer{z-index:2;text-align:center;background:#141414e6;border-top:2px solid #ffd7004d;padding:30px 20px;position:relative}.footer-text{color:silver;font-size:.9rem}.footer-link{color:gold;text-decoration:none;transition:all .3s}.footer-link:hover{text-decoration:underline}@media (max-width:1024px){.landing-header{padding:15px 30px}.landing-logo-text{font-size:1.5rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.features-title{font-size:2rem}}@media (max-width:768px){.landing-header{flex-direction:column;gap:20px;padding:20px}.landing-nav{justify-content:center;width:100%}.nav-button{text-align:center;flex:1;padding:12px 20px}.hero-title{letter-spacing:2px;font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;width:100%;max-width:300px}.hero-button{width:100%}.scroll-indicator{bottom:20px}.scroll-text{font-size:.8rem}.scroll-arrow{width:35px;height:35px}.scroll-arrow span{font-size:1.3rem}.features-grid{grid-template-columns:1fr}.landing-features{padding:60px 20px}}@media (max-width:480px){.landing-header{padding:15px}.landing-logo-text{letter-spacing:2px;font-size:1.3rem}.landing-logo-icon{font-size:1.5rem}.nav-button{padding:10px 16px;font-size:.9rem}.landing-hero{padding:40px 15px}.hero-title{letter-spacing:1px;font-size:2rem}.hero-subtitle{padding:0 10px;font-size:1rem}.hero-badge{padding:6px 16px;font-size:.8rem}.hero-button{padding:16px 32px;font-size:1rem}.scroll-indicator{bottom:15px}.scroll-text{font-size:.75rem}.feature-card{padding:30px 20px}.features-title{font-size:1.8rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.95rem}}@media (max-width:768px) and (orientation:landscape){.landing-hero{min-height:auto;padding:30px 20px}.hero-badge{margin-bottom:15px}.hero-title{margin-bottom:10px;font-size:2rem}.hero-subtitle{margin-bottom:20px;font-size:1rem}.hero-buttons{flex-direction:row;gap:15px;max-width:100%}.hero-button{width:auto;padding:12px 24px}.scroll-indicator{display:none}.landing-features{padding:50px 20px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.landing-logo-icon{animation:none}*{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){.landing-features{background:#0a0a0af2}.feature-card{background:#141414e6}}