@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#10b981;--glass:#1e293bb3;--border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}section{max-width:1200px;margin:0 auto;padding:80px 20px}.main-content{padding-top:80px}@media (width<=768px){.main-content{padding-top:70px}}h1,h2,h3{letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:all .3s}.btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff0d}.floating_action_group{z-index:1200;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:40px;right:22px}.floating_btn{color:#fff;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 8px 24px #0003}.floating_whatsapp{background:linear-gradient(135deg,#2be77b 0%,#21c45f 100%);box-shadow:0 14px 32px #1a944573}.floating_pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 14px 32px #dc26264d}.btn_tooltip{background:var(--bg-card);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border);color:#fff;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;right:65px;transform:translate(10px);box-shadow:0 10px 25px #0000004d}.floating_btn:hover .btn_tooltip{opacity:1;transform:translate(0)}.floating_btn:hover{transform:scale(1.08)}.floating_whatsapp:before{content:"";border-radius:inherit;opacity:.65;z-index:-1;border:1px solid #25d36673;animation:1.8s ease-out infinite whatsapp-pulse;position:absolute;inset:-6px}@keyframes whatsapp-pulse{0%{opacity:.65;transform:scale(.92)}to{opacity:0;transform:scale(1.15)}}@media (width<=768px){section{padding:60px 15px}}@media (width<=480px){.floating_whatsapp{width:50px;height:50px;bottom:14px;right:14px}.floating_whatsapp svg{font-size:24px}}.contact-form-container:hover,.contact-card:hover,.social-card:hover,.support-card:hover,.pricing-card:hover,.about-card:hover,.team-card:hover,.qr-card:hover,.req-table:hover,.feature-item:hover,.comparison-table:hover,.spec-card:hover,.integration-item:hover,.step-card:hover,.award-item:hover,.review-card:hover,.faq-item:hover{border-color:var(--primary)!important;transform:translateY(-8px)!important;box-shadow:0 15px 35px #6366f140!important}.contact-form-container,.contact-card,.social-card,.support-card,.pricing-card,.about-card,.team-card,.qr-card,.req-table,.feature-item,.comparison-table,.spec-card,.integration-item,.step-card,.award-item,.review-card,.faq-item{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s!important}.page-banner{text-align:center;isolation:isolate;background:linear-gradient(135deg,#6366f10d 0%,#10b9810d 100%);border-bottom:1px solid #ffffff0d;width:100%;margin-top:-80px;margin-bottom:40px;padding:140px 20px 60px;position:relative;overflow:hidden}.page-banner-bg-shape{filter:blur(80px);z-index:-1;opacity:.3;border-radius:50%;position:absolute}.shape-1{background:var(--primary);width:300px;height:300px;top:-150px;left:-50px}.shape-2{background:var(--accent);width:250px;height:250px;bottom:-100px;right:-50px}.page-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.page-banner-content h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem;font-weight:700;animation:.8s ease-out bannerSlideUp}.page-banner-content p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6;animation:1s ease-out .2s both bannerFadeIn}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--primary), #a855f7);border:3px solid var(--bg-dark);border-radius:10px}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);color:#fff;box-shadow:0 10px 20px -10px #6366f180}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #9333ea 100%);transform:translateY(-2px);box-shadow:0 15px 25px -10px #6366f199}.about-card{position:relative;overflow:hidden}.about-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:2px;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.about-card:hover:before{transform:translate(100%)}@media (width<=768px){.page-banner{margin-bottom:30px;padding-top:120px;padding-bottom:40px}.page-banner-content h1{font-size:2.5rem}.page-banner-content p{font-size:1.1rem}}section{animation:.8s ease-out both fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
