*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#020617;color:#f8fafc;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#1e40af;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2563eb}::selection{background:#2563eb66;color:#fff}#network-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.glass-card{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.1)}.glass-card-light{background:#1e293b66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.08)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-white{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-blue{box-shadow:0 0 20px #3b82f626,0 0 60px #3b82f60d}.glow-blue-strong{box-shadow:0 0 30px #3b82f640,0 0 80px #3b82f61a}.service-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:hover{border-color:#3b82f64d;box-shadow:0 0 30px #3b82f61a,0 8px 32px #0000004d;transform:translateY(-4px)}.service-card:hover .service-icon{box-shadow:0 0 20px #3b82f64d}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 0 30px #2563eb66,0 4px 20px #2563eb4d;transform:translateY(-2px)}.btn-outline{border:1px solid rgba(59,130,246,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{background:#3b82f61a;border-color:#3b82f699;box-shadow:0 0 20px #3b82f626;transform:translateY(-2px)}.navbar-solid{background:#020617f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.1)}.gradient-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.tech-badge{background:#0f172acc;border:1px solid rgba(59,130,246,.15);transition:all .3s ease}.tech-badge:hover{border-color:#3b82f666;background:#1e293b99;box-shadow:0 0 15px #3b82f61a;transform:translateY(-2px)}.process-line{background:linear-gradient(180deg,#2563eb,#2563eb33)}.form-input{background:#0f172a99;border:1px solid rgba(59,130,246,.15);transition:all .3s ease}.form-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 15px #3b82f61a}@keyframes pulse-green{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 12px #25d36600}}.whatsapp-pulse{animation:pulse-green 2s infinite}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-pattern{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px}.section-gradient-1{background:radial-gradient(ellipse at top right,rgba(37,99,235,.08) 0%,transparent 60%)}.section-gradient-2{background:radial-gradient(ellipse at bottom left,rgba(14,165,233,.06) 0%,transparent 60%)}html.light body{background-color:#f8fafc;color:#0f172a}html.light ::-webkit-scrollbar-track{background:#e2e8f0}html.light ::selection{background:#2563eb40;color:#0f172a}html.light .glass-card{background:#ffffffbf;border-color:#94a3b833;box-shadow:0 1px 3px #0000000d}html.light .glass-card-light{background:#fff9;border-color:#94a3b826}html.light .navbar-solid{background:#ffffffeb;border-bottom-color:#94a3b833}html.light .service-card:hover{border-color:#3b82f640;box-shadow:0 4px 20px #3b82f614,0 8px 32px #0000000f}html.light .tech-badge{background:#fffc;border-color:#94a3b833}html.light .tech-badge:hover{border-color:#3b82f64d;background:#eff6ffcc}html.light .form-input{background:#fffc;border-color:#94a3b84d;color:#0f172a}html.light .form-input:focus{border-color:#3b82f680;box-shadow:0 0 10px #3b82f614}html.light .form-input::placeholder{color:#94a3b8}html.light .section-gradient-1{background:radial-gradient(ellipse at top right,rgba(37,99,235,.04) 0%,transparent 60%)}html.light .section-gradient-2{background:radial-gradient(ellipse at bottom left,rgba(14,165,233,.03) 0%,transparent 60%)}html.light .glow-blue{box-shadow:0 1px 4px #3b82f61a}html.light .btn-outline{border-color:#3b82f659}html.light .btn-outline:hover{background:#3b82f60f}html.light .gradient-divider{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}html.light .grid-pattern{background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px)}.portfolio-overlay{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%)}@media(max-width:768px){html{scroll-padding-top:70px}}