@font-face{font-family:Orbitron;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyxSmBoWgz.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-accent: #8b5cf6;--color-accent-dark: #7c3aed;--color-accent-light: #a78bfa;--color-security: #10b981;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-card: rgba(30, 41, 59, .5);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .15);--color-border-hover: rgba(59, 130, 246, .4);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(59, 130, 246, .03) 0%, rgba(139, 92, 246, .03) 100%);--gradient-security: linear-gradient(135deg, rgba(16, 185, 129, .08) 0%, rgba(59, 130, 246, .08) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .2);--shadow-glow-accent: 0 0 20px rgba(139, 92, 246, .2);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-base{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.card-base:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-base{padding:var(--space-2xl) var(--space-md);min-height:100vh;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.section-base{padding:var(--space-xl) var(--space-sm);min-height:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #3b82f64d}50%{box-shadow:0 0 20px #3b82f680}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.delay-7{animation-delay:.56s}.delay-8{animation-delay:.64s}.delay-9{animation-delay:.72s}.delay-10{animation-delay:.8s}.delay-11{animation-delay:.88s}.delay-12{animation-delay:.96s}.glass{background:#1e293b66;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(148,163,184,.1)}.glass-strong{background:#1e293b99;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(148,163,184,.15)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-secondary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--color-bg-secondary)}*::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;background:#000;touch-action:manipulation}.custom-tooltip{background-color:#00bcd4!important;color:#0d0d0d!important;font-size:13px;font-weight:500;border-radius:6px;padding:6px 10px;box-shadow:0 4px 12px #00ffff4d}
