@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1a1a2ecc;--bg-card-hover:#1a1a2ef2;--accent-primary:#ff6b00;--accent-secondary:#ffc107;--accent-gradient:linear-gradient(135deg,#ff6b00,#ffc107);--accent-glow:0 0 20px #ff6b0080;--success:#0f8;--success-bg:#00ff881a;--danger:#ff3860;--danger-bg:#ff38601a;--warning:#ffdd57;--info:#3298dc;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6c757d;--border-color:#ffffff1a;--border-glow:#ff6b004d;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 30px #ff6b0033;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(10px);--font-heading:"Orbitron",sans-serif;--font-body:"Roboto",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}*,: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-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}.container{width:100%;max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--bg-primary);box-shadow:var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff6b0099}.btn-secondary{color:var(--text-primary);border:2px solid var(--accent-primary);background:0 0}.btn-secondary:hover{background:var(--accent-primary);color:var(--bg-primary)}.btn-danger{background:var(--danger);color:var(--text-primary)}.btn-success{background:var(--success);color:var(--bg-primary)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:.75rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-md);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:1rem}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ff6b001a}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a0a0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.badge{padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--accent-primary);background:#ff6b0033}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{color:var(--warning);background:#ffdd5733}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff6b004d}50%{box-shadow:0 0 40px #ff6b0099}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-slideUp{animation:.5s forwards slideUp}.animate-slideDown{animation:.5s forwards slideDown}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}@media (max-width:1024px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg);font-size:.875rem}}