:root{--bg-dark-base:#060a14;--bg-dark-navy:#0b132b;--bg-card:#0d162cb8;--bg-card-solid:#0e172a;--bg-card-hover:#111e3cd9;--border-subtle:#00d2fe1f;--border-glow:#00d2fe66;--border-emerald:#00e6764d;--primary-cyan:#00d2fe;--primary-cyan-bright:#00f5d4;--primary-cyan-glow:#00d2fe40;--primary-blue:#06f;--accent-emerald:#00e676;--accent-emerald-bg:#00e6761f;--accent-gold:#ffb703;--accent-gold-bg:#ffb7031f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-family);background-color:var(--bg-dark-base);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#00d2fe14 0%,#0000 40%),radial-gradient(circle at 85% 65%,#0066ff14 0%,#0000 45%),radial-gradient(circle at 50% 90%,#00e6760d 0%,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.text-gradient-cyan{background:linear-gradient(135deg,#00f5d4 0%,#00d2fe 50%,#07f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-emerald{background:linear-gradient(135deg,#00e676 0%,#00f5d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#ffd166 0%,#ffb703 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);transition:transform var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);border-radius:16px}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 12px 32px -8px var(--primary-cyan-glow)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{transform:translateY(-4px)}.badge-status{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-status-active{color:#00e676;background-color:#00e6761f;border:1px solid #00e6764d}.badge-status-tech{color:#00d2fe;background-color:#00d2fe1f;border:1px solid #00d2fe4d}.badge-status-gold{background-color:var(--accent-gold-bg);color:var(--accent-gold);border:1px solid #ffb7034d}.badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.btn{cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary-cyan{color:#fff;background:linear-gradient(135deg,#00d2fe 0%,#06f 100%);box-shadow:0 4px 20px #00d2fe59}.btn-primary-cyan:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px #00d2fe80}.btn-outline-cyan{color:var(--primary-cyan);border:1px solid var(--border-glow);background:#00d2fe0d}.btn-outline-cyan:hover{background:#00d2fe26;transform:translateY(-2px);box-shadow:0 4px 20px #00d2fe33}.btn-secondary-dark{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1f}.btn-secondary-dark:hover{background:#ffffff1f;border-color:#ffffff40}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes scanline{0%{opacity:.8;top:0%}50%{opacity:1}to{opacity:.8;top:100%}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark-base)}::-webkit-scrollbar-thumb{background:#00d2fe33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d2fe66}
