:root{--betousd-primary: #0f172a;--betousd-secondary: #14b8a6;--betousd-accent: #22d3ee;--betousd-success: #10b981;--betousd-warning: #f59e0b;--betousd-purple: #8b5cf6;--betousd-gradient: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 50%, #22d3ee 100%);--betousd-gradient-alt: linear-gradient(45deg, #0f172a 0%, #14b8a6 100%)}body{font-family:Poppins,sans-serif;background:radial-gradient(1200px 600px at 20% 0%,#ffffffe6,#ffffffb3,#fff6 60%,#fff3),var(--betousd-gradient-alt);min-height:100vh;background-attachment:fixed;padding-top:80px}.navbar-brand{font-weight:800;background:var(--betousd-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:1.5rem}.hero-section{background:linear-gradient(135deg,#1e293b,#334155,#475569);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem 0}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(59,130,246,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(59,130,246,0.1)"/><circle cx="40" cy="80" r="2.5" fill="rgba(59,130,246,0.1)"/><circle cx="70" cy="70" r="1" fill="rgba(59,130,246,0.1)"/></svg>');animation:heroFloat 30s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.hero-content{position:relative;z-index:1;color:#fff}.hero-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:2.5rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.gradient-text{background:linear-gradient(45deg,#3b82f6,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1.5rem;font-weight:400;line-height:1.6;margin-bottom:3rem;opacity:.95}.value-proposition{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem;margin:3rem 0;border:1px solid rgba(59,130,246,.2);box-shadow:0 20px 60px #0000001a}.demo-flow{background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-radius:1.5rem;padding:2rem;border:1px solid rgba(59,130,246,.1)}.demo-step{min-width:80px}.demo-arrow{opacity:.8}@media (max-width: 768px){.demo-arrow{transform:rotate(90deg);margin:1rem 0}.hero-title{font-size:2.5rem;margin-bottom:2rem}.hero-subtitle{font-size:1.2rem}.value-proposition{padding:2rem;margin:2rem 0}}.earning-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.flow-step{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:1.5rem;padding:2rem;text-align:center;border-left:4px solid #3b82f6;transition:all .3s ease;position:relative}.flow-step:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f633}.flow-step-number{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;margin:0 auto 1.5rem;box-shadow:0 8px 25px #3b82f64d}.flow-step-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.flow-step-desc{color:#64748b;line-height:1.5}.video-section{padding:8rem 0;background:linear-gradient(180deg,#f8fafc,#e2e8f0);position:relative}.video-container-small{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 15px 40px #0003;background:#000;max-width:400px;margin:0 auto}.video-placeholder{text-align:center;color:#fff;z-index:2;position:relative}.video-placeholder i{opacity:.7;margin-bottom:1rem;display:block}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#3b82f61a,#10b9811a);pointer-events:none}.feature-highlight{background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:2.5rem;border:1px solid rgba(59,130,246,.1);box-shadow:0 15px 40px #00000014;transition:all .3s ease}.feature-highlight:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0000001f}.platforms-section{padding:8rem 0;background:linear-gradient(180deg,#f8fafc,#e2e8f0);position:relative}.platform-card{background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;padding:3rem;height:100%;transition:all .4s ease;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--platform-gradient);transition:height .3s ease}.platform-card:hover:before{height:8px}.platform-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px #00000026}.client-card{--platform-gradient: linear-gradient(90deg, #0ea5e9, #14b8a6)}.provider-card{--platform-gradient: linear-gradient(90deg, #7c3aed, #f59e0b)}.platform-icon{width:100px;height:100px;border-radius:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2.5rem;color:#fff;background:var(--platform-gradient);box-shadow:0 15px 35px #0003}.platform-title{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b}.platform-features{margin-bottom:3rem}.platform-feature{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:1rem;padding:1.5rem;margin-bottom:1rem;border-left:4px solid var(--feature-color);transition:all .3s ease}.platform-feature:hover{transform:translate(8px);box-shadow:0 8px 25px #0000001a}.client-card .platform-feature{--feature-color: #0ea5e9}.provider-card .platform-feature{--feature-color: #7c3aed}.platform-feature-icon{font-size:1.5rem;margin-bottom:.5rem;color:var(--feature-color)}.platform-feature-title{font-weight:700;margin-bottom:.5rem;color:#1e293b}.platform-feature-desc{color:#64748b;font-size:.9rem;margin:0}.platform-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:1rem;background:var(--platform-gradient);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0003}.platform-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000004d;color:#fff}.features-section{padding:8rem 0;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.feature-item{text-align:center;padding:2rem;border-radius:1.5rem;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;box-shadow:0 10px 30px #0ea5e94d}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.feature-description{color:#64748b;line-height:1.6}.cta-section{padding:8rem 0;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.cta-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.cta-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.cta-btn{padding:1.25rem 3rem;font-size:1.2rem;font-weight:700;border:none;border-radius:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.cta-btn-primary{background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;box-shadow:0 10px 30px #0ea5e966}.cta-btn-secondary{background:linear-gradient(135deg,#7c3aed,#f59e0b);color:#fff;box-shadow:0 10px 30px #7c3aed66}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d;color:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.section-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.hero-section{padding:4rem 0;min-height:auto}.platform-card{padding:2rem;margin-bottom:2rem}.platforms-section,.features-section,.cta-section{padding:4rem 0}.section-title,.cta-title{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}}html{scroll-behavior:smooth}.video-container-small video{width:100%;height:auto;display:block}.contact-section{padding:8rem 0;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.contact-card{background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;padding:3rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0ea5e9,#14b8a6)}.contact-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000026}.contact-icon{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;box-shadow:0 10px 30px #0ea5e94d}.contact-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1e293b}.contact-role{font-size:1rem;color:#64748b;margin-bottom:2rem;font-weight:500}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:.75rem;transition:all .3s ease}.contact-item:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translate(4px)}.contact-item i{color:#0ea5e9;font-size:1.1rem}.contact-item a{color:#1e293b;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-item a:hover{color:#0ea5e9}.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:1060}.whatsapp-fab{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#25d366,#1ebe57);color:#fff;border-radius:999px;text-decoration:none;padding:.9rem 1.2rem;box-shadow:0 12px 30px #25d36659,inset 0 -2px #00000026;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;transform:translateZ(0)}.whatsapp-fab i{font-size:1.4rem}.whatsapp-label{font-weight:700;letter-spacing:.2px;white-space:nowrap}.whatsapp-fab:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2be06e,#20b954);box-shadow:0 18px 40px #25d36673,inset 0 -2px #0000001f;color:#fff}.whatsapp-fab:active{transform:translateY(0)}@media (max-width: 768px){.contact-section{padding:4rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.contact-card{padding:2rem}.whatsapp-float{bottom:20px;right:20px}.whatsapp-fab{padding:.8rem 1rem;gap:.5rem}}