@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;600;700&display=swap";
:root{--black-pearl:#0a0e17;--deep-navy:#0d1b2a;--dark-surface:#111927;--card-bg:#0d1b2a99;--card-border:#00d4ff1f;--cyber-blue:#00d4ff;--cyber-blue-dim:#00d4ff26;--cyber-blue-glow:#00d4ff66;--security-green:#0f8;--security-green-dim:#00ff8826;--accent-purple:#7b2fff;--accent-purple-dim:#7b2fff26;--danger-red:#ff3b5c;--danger-red-dim:#ff3b5c26;--warning-amber:#ffae00;--text-primary:#e8edf5;--text-secondary:#8892a4;--text-muted:#4a5568;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Roboto Mono", "Fira Code", monospace;--section-padding:120px 0;--container-width:1200px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--black-pearl);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding);position:relative}.section-label{background:var(--cyber-blue-dim);color:var(--cyber-blue);letter-spacing:.8px;text-transform:uppercase;font-size:13px;font-weight:600;font-family:var(--font-mono);border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;display:inline-flex}.section-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.7}.gradient-text{background:linear-gradient(135deg, var(--cyber-blue), var(--security-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-purple{background:linear-gradient(135deg, var(--cyber-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);transition:var(--transition-base)}.glass-card:hover{border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 8px 32px #00d4ff14}.btn-primary{background:linear-gradient(135deg, var(--cyber-blue), #09c);color:var(--black-pearl);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:15px;font-weight:700;font-family:var(--font-ui);letter-spacing:.3px;border:none;align-items:center;gap:10px;padding:16px 32px;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 30px var(--cyber-blue-glow);transform:translateY(-2px)}.btn-secondary{color:var(--cyber-blue);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:15px;font-weight:600;font-family:var(--font-ui);background:0 0;border:1px solid #00d4ff4d;align-items:center;gap:10px;padding:16px 32px;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--cyber-blue-dim);border-color:var(--cyber-blue)}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff26,0 0 60px #00d4ff0d}50%{box-shadow:0 0 30px #00d4ff4d,0 0 80px #00d4ff1a}}@keyframes drawLineX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drawLineY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes borderGlow{0%,to{border-color:#00d4ff1f}50%{border-color:#00d4ff59}}@keyframes toplineGrow{0%{width:0}to{width:100%}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(4px)rotate(-.5deg)}}.bg-grid{pointer-events:none;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black-pearl)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}::selection{color:#fff;background:#00d4ff4d}