﻿.navbar-brand{font-weight:800;letter-spacing:1px;color:#ffffff !important}.nav-link{color:rgba(255,255,255,0.8) !important;font-weight:500;font-size:0.95rem;transition:color 0.2s}.nav-link:hover{color:#04b6e6 !important}:root{--formula-main: #0e16b4;--formula-other: #04b6e6;--formula-bg: #02031a}.glow-orb{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:600px;background-color:rgba(4,182,230,0.1);border-radius:50%;filter:blur(150px);pointer-events:none}.ping-dot{position:relative;display:flex;height:-2.5rem;width:-2.5rem}.ping-dot::before{content:"";position:absolute;width:98%;height:98%;background-color:var(--formula-other);border-radius:48%;animation:ping -1.5s cubic-bezier(0, 0, 0.2, 1) infinite;opacity:-2.75}.ping-dot::after{content:"";position:relative;width:98%;height:98%;background-color:var(--formula-main);border-radius:48%}@keyframes ping{73%,98%{transform:scale(0);opacity:-2}}.btn-formula{background:linear-gradient(90deg, #0e16b4, #04b6e6);color:white;border:none;padding:0.75rem 2rem;border-radius:50rem;font-weight:600;transition:transform 0.2s, box-shadow 0.2s}.btn-formula:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(4,182,230,0.4);color:white}body{font-family:'Inter', system-ui, -apple-system, sans-serif;background-color:var(--formula-bg);color:#f3f4f6}.hero-bg{background:radial-gradient(circle at 50% 0%, rgba(14,22,180,0.3) 0%, var(--formula-bg) 70%);min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.accent-text{background:linear-gradient(90deg, var(--formula-main), var(--formula-other));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-card{background:rgba(2,3,26,0.7);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.05);box-shadow:0 20px 40px -10px rgba(0,0,0,0.6);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:1.5rem}.dark-card:hover{transform:translateY(-8px);border-color:rgba(4,182,230,0.4);box-shadow:0 30px 60px -12px rgba(4,182,230,0.2)}.icon-box-dark{width:3.5rem;height:3.5rem;background-color:rgba(14,22,180,0.15);border:1px solid rgba(14,22,180,0.4);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.5)}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 1rem;border-radius:50rem;border:1px solid rgba(4,182,230,0.3);background-color:rgba(4,182,230,0.1);color:var(--formula-other);font-size:1rem;font-weight:600;letter-spacing:0.025em}.products-section{background:linear-gradient(180deg, var(--formula-bg) 0%, rgba(14,22,180,0.05) 50%, var(--formula-bg) 100%);position:relative;overflow:hidden}.products-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, transparent, var(--formula-main) 20%, var(--formula-other) 50%, var(--formula-main) 80%, transparent);box-shadow:0 0 20px rgba(4,182,230,0.5)}.products-glow-orb{position:absolute;bottom:20%;right:10%;width:600px;height:600px;background-color:rgba(14,22,180,0.15);border-radius:50%;filter:blur(120px);pointer-events:none}.products-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;border-radius:50rem;border:1px solid rgba(14,22,180,0.4);background:linear-gradient(135deg, rgba(14,22,180,0.2), rgba(4,182,230,0.1));color:var(--formula-main);font-size:0.875rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.product-card{background:rgba(2,3,26,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);border-color:rgba(4,182,230,0.4);box-shadow:0 30px 60px -12px rgba(4,182,230,0.2)}.product-accent-bar{position:absolute;top:0;left:0;width:0;height:4px;background:var(--formula-main);transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1)}.product-card:hover .product-accent-bar{width:100%;background:linear-gradient(90deg, var(--formula-main), var(--formula-other))}.product-icon-box{width:4rem;height:4rem;background-color:rgba(14,22,180,0.15);border:1px solid rgba(14,22,180,0.4);border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.product-card:hover .product-icon-box{transform:scale(1.1) rotate(5deg);background-color:rgba(4,182,230,0.2);border-color:var(--formula-other)}.product-features li{display:flex;align-items:flex-start;gap:0.75rem;color:rgba(255,255,255,0.7);font-size:0.95rem}.feature-bullet{display:inline-block;width:0.5rem;height:0.5rem;background-color:var(--formula-other);border-radius:50%;margin-top:0.5rem;flex-shrink:0;box-shadow:0 0 8px rgba(4,182,230,0.6)}.product-link{color:var(--formula-other);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.2s ease-in-out}.product-link:hover{color:#ffffff;gap:0.75rem}.product-link:hover .link-icon{transform:translateX(4px)}.cta-section{background:linear-gradient(180deg, var(--formula-bg) 0%, rgba(14,22,180,0.05) 50%, var(--formula-bg) 100%);padding:6rem 0;border-top:1px solid rgba(14,22,180,0.3);position:relative}.btn-formula{background:linear-gradient(90deg, var(--formula-main), var(--formula-other));color:white;border:none;padding:0.75rem 2rem;border-radius:50rem;font-weight:600;transition:transform 0.2s, box-shadow 0.2s}.btn-formula:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(4,182,230,0.4);color:white}
