@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

html{scroll-behavior:smooth}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}

body{background:#0a0a0a;color:#e2e8f0;font-family:'Inter',sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif}

.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:white;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px rgba(99,102,241,0.35)}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(99,102,241,0.55)}

.btn-secondary{border:2px solid #3b82f6;color:#3b82f6;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s;background:transparent}
.btn-secondary:hover{background:#3b82f6;color:white}

.card{background:#1f2937;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:all .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(99,102,241,0.2)}

.dark-card{background:#1f2937;border:1px solid #374151;border-radius:16px;transition:border-color 0.3s}
.dark-card:hover{border-color:#6366f1}

.glow{box-shadow:0 0 40px rgba(99,102,241,0.3)}
.glow:hover{box-shadow:0 0 60px rgba(99,102,241,0.5)}

.section-hero{min-height:90vh;display:flex;align-items:center}
.section-alt{background:#111827}

.badge{display:inline-flex;align-items:center;background:#6366f1;color:white;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}

.nav-link{position:relative;font-weight:500;transition:color .2s;color:#cbd5e1}
.nav-link:hover{color:#e2e8f0}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#3b82f6;transition:width .2s}
.nav-link:hover::after{width:100%}

.gradient-text{background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.animate-fade-in{animation:fadeInUp .6s ease forwards}

.header-blur{background:rgba(10,10,10,0.85);border-bottom:1px solid #1e293b}
.nav-logo-dot{display:inline-block;width:8px;height:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;margin-left:3px;vertical-align:middle;box-shadow:0 0 8px rgba(99,102,241,0.7)}
.mobile-menu-bg{background:#111827;border:1px solid #1e293b;border-top:none;border-radius:0 0 16px 16px}
.hamburger-btn{color:#94a3b8;border:1px solid #1e293b;background:rgba(30,41,59,0.5);transition:all .2s;border-radius:8px}
.hamburger-btn:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,0.08)}
.speed-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:#10b981;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);border-radius:999px;padding:.2rem .65rem;letter-spacing:.05em}
.speed-indicator::before{content:'';display:inline-block;width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;animation:pulse-dot 1.5s infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}