@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--primary-blue:#0f4c81;--secondary-blue:#007bb5;--accent-blue:#4fa8fb;--dark-bg:#0b1120;--card-bg:#0f172a99;--text-main:#f1f5f9;--text-muted:#94a3b8;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-main);background-image:radial-gradient(circle at 15%,#0f4c8126,#0000 25%),radial-gradient(circle at 85% 30%,#007bb526,#0000 25%);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.title-gradient{background:linear-gradient(135deg, var(--white), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));color:var(--white);box-shadow:0 4px 15px #007bb54d}.btn-primary:hover{background:linear-gradient(135deg, var(--secondary-blue), var(--accent-blue));transform:translateY(-2px);box-shadow:0 6px 20px #007bb580}.btn-outline{color:var(--accent-blue);border:2px solid var(--accent-blue);background:0 0}.btn-outline:hover{background:#4fa8fb1a;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes pulse-glow{0%{box-shadow:0 0 #4fa8fb66}70%{box-shadow:0 0 0 15px #4fa8fb00}to{box-shadow:0 0 #4fa8fb00}}.animate-pulse{border-radius:9999px;animation:2s infinite pulse-glow}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.navbar{z-index:100;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0}.nav-content{justify-content:center;align-items:center;height:auto;padding:1rem 0;display:flex}.logo-img{object-fit:contain;width:auto;max-width:100%;height:100px}.nav-links a{color:var(--text-main);margin-left:2rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-blue)}.hero{align-items:center;min-height:auto;padding-top:150px;display:flex}.hero-content{display:block}.hero-text h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero-text .subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}.hero-buttons{gap:1rem;display:flex}.shield-graphic{aspect-ratio:1;background:radial-gradient(circle,#0f4c814d 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:100%;display:flex}.shield-icon{filter:drop-shadow(0 0 20px #4fa8fb80);width:50%;height:50%}.about-card{border-radius:24px;padding:4rem}.about-header h2{color:var(--accent-blue);margin-bottom:2rem;font-size:2.5rem}.about-body p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.legal-text{opacity:.7;font-style:italic;font-size:.8rem!important}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.product-card{text-align:center;border-radius:24px;padding:3rem 2rem;transition:transform .3s}.product-card:hover{transform:translateY(-10px)}.product-icon{width:64px;height:64px;color:var(--accent-blue);margin:0 auto 1.5rem}.product-card h3{margin-bottom:1rem;font-size:1.5rem}.product-card p{color:var(--text-muted);margin-bottom:2rem}.download-btn{width:100%}.github-card{text-align:center;border-radius:24px;padding:4rem}.github-card h2{margin-bottom:1rem;font-size:2rem}.github-card p{color:var(--text-muted);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.github-btn{display:inline-flex}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:2rem 0}.footer-small{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;font-style:italic}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-buttons{justify-content:center}.nav-links{display:none}.about-card{padding:2rem}}