:root{--color-bg:#050505;--color-surface:#121212;--color-accent:#fc0;--color-accent-hover:#e6b800;--color-text:#fff;--color-text-dim:#fff9;--glass-bg:#19191999;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#050505e6 0%,#05050500 100%);justify-content:space-between;align-items:center;width:100%;padding:20px 5%;display:flex;position:fixed;top:0}.logo{filter:drop-shadow(0 0 15px #fc03);height:60px}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:1px;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s}.btn-outline:hover{background-color:var(--color-accent);color:#000;box-shadow:0 0 20px #fc06}.hero{background-image:url(/fondo.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:100px 5% 50px;display:flex;position:relative}.hero-bg-overlay{z-index:1;background:linear-gradient(135deg,#050505f2 0%,#050505b3 50%,#050505f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:2;justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:1200px;display:flex;position:relative}.hero-content{text-align:left;flex:1;animation:1s ease-out forwards fadeIn}.hero-title{letter-spacing:-1px;text-transform:uppercase;margin-bottom:20px;font-size:clamp(2.5rem,4vw,4rem);font-weight:900;line-height:1.1}.text-accent{color:var(--color-accent);text-shadow:0 0 30px #ffcc004d}.hero-subtitle{color:var(--color-text-dim);max-width:500px;margin-bottom:40px;font-size:clamp(1rem,2vw,1.25rem)}.hero-image-container{flex:1;justify-content:center;align-items:center;display:flex}.floating-moto{filter:drop-shadow(0 30px 30px #000c);width:100%;max-width:600px;animation:6s ease-in-out infinite floatMoto}@keyframes floatMoto{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.squad-section{background:linear-gradient(#050505 0%,#111 100%);padding:100px 5%;position:relative;overflow:hidden}.squad-container{align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.squad-image{flex:1;justify-content:center;display:flex;position:relative}.mascot-glow{z-index:1;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mascot-img{z-index:2;filter:drop-shadow(0 20px 30px #000000e6);width:100%;max-width:500px;position:relative}.squad-text{flex:1}.squad-text h2{color:var(--color-accent);text-transform:uppercase;letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2rem,3vw,3rem);font-weight:900}.squad-text p{color:var(--color-text-dim);margin-bottom:20px;font-size:1.1rem;line-height:1.8}.squad-text strong{color:#fff}.waitlist-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:500px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.waitlist-card h3{color:var(--color-accent);letter-spacing:1px;margin-bottom:10px;font-size:18px;font-weight:800}.waitlist-card p{color:var(--color-text-dim);margin-bottom:25px;font-size:14px}.beta-badge{color:var(--color-accent);letter-spacing:2px;background:#ffcc0026;border:1px solid #ffcc004d;border-radius:20px;margin-bottom:15px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-block}.teaser-button{color:var(--color-text-dim);cursor:default;letter-spacing:1px;background:#00000080;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:10px;margin-top:10px;padding:15px 30px;font-size:14px;font-weight:800;display:inline-flex}.teaser-icon{animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:100px 5%;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:transform .3s,box-shadow .3s}.feature-card:hover{border-color:#fc03;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.feature-icon{margin-bottom:20px;font-size:40px}.feature-card h3{margin-bottom:15px;font-size:20px;font-weight:800}.feature-card p{color:var(--color-text-dim);font-size:15px}.footer{border-top:1px solid var(--glass-border);background:#020202;padding:50px 5%}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{opacity:.5;height:40px}.footer p{color:var(--color-text-dim);font-size:14px}.legal-links{gap:20px;display:flex}.legal-links a{color:var(--color-text-dim);font-size:12px;text-decoration:none;transition:color .3s}.legal-links a:hover{color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-container{text-align:center;flex-direction:column;gap:30px;padding-top:20px}.hero-content{text-align:center}.hero-title{font-size:2.5rem}.waitlist-card{margin:0 auto}.floating-moto{max-width:90%}.squad-container{text-align:center;gap:30px;flex-direction:column!important}.squad-text{text-align:center!important}.mascot-img,.problem-img{max-width:90%}.mascot-glow{width:200px;height:200px}}