@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--neon-cyan: #00d4ff;--neon-blue: #0066ff;--neon-green: #00ff88;--neon-pink: #ff0080;--neon-purple: #8a2be2;--neon-orange: #ff6b35;--electric-yellow: #ffff00;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--bg-surface: #252525;--text-primary: #ffffff;--text-secondary: #b4b8c5;--text-muted: #6b7280;--text-accent: #00d4ff;--font-display: "Orbitron", monospace;--font-primary: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--glow-cyan: 0 0 20px rgba(0, 212, 255, .5);--glow-blue: 0 0 20px rgba(0, 102, 255, .5);--glow-green: 0 0 20px rgba(0, 255, 136, .5);--glow-pink: 0 0 20px rgba(255, 0, 128, .5);--glow-purple: 0 0 20px rgba(138, 43, 226, .5);--glow-orange: 0 0 20px rgba(255, 107, 53, .5);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--neon-cyan)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-blue));border-radius:0;box-shadow:var(--glow-cyan)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-blue),var(--neon-cyan))}.app{min-height:100vh;position:relative;background:linear-gradient(45deg,transparent 49%,rgba(0,212,255,.03) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(0,102,255,.02) 50%,transparent 51%),radial-gradient(circle at 20% 80%,rgba(0,212,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(138,43,226,.03) 0%,transparent 50%),var(--bg-primary);background-size:40px 40px,40px 40px,100% 100%,100% 100%}.container{max-width:1400px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-blue) 50%,var(--neon-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,212,255,.5);animation:textPulse 3s ease-in-out infinite alternate}h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--text-primary);margin-bottom:1rem;position:relative}h2:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-blue));box-shadow:var(--glow-cyan)}h3{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--neon-cyan);margin-bottom:.75rem;text-shadow:var(--glow-cyan)}@keyframes textPulse{0%,to{filter:brightness(1) saturate(1);text-shadow:0 0 30px rgba(0,212,255,.5)}50%{filter:brightness(1.2) saturate(1.2);text-shadow:0 0 40px rgba(0,212,255,.8)}}@keyframes circuitPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes dataFlow{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes hologramFlicker{0%,to{opacity:1}50%{opacity:.8}}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:2px solid;background:transparent;font-family:var(--font-display);font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-fast);animation:dataFlow 3s linear infinite}.btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 49%,rgba(255,255,255,.1) 50%,transparent 51%);background-size:10px 10px;opacity:0;transition:var(--transition-normal)}.btn:hover:after{opacity:1}.btn-primary{color:var(--neon-cyan);border-color:var(--neon-cyan);background:linear-gradient(135deg,#00d4ff1a,#0066ff0d);box-shadow:var(--glow-cyan)}.btn-primary:hover{color:var(--bg-primary);background:var(--neon-cyan);box-shadow:var(--glow-cyan),inset 0 0 20px #0003;transform:translateY(-2px)}.btn-secondary{color:var(--neon-purple);border-color:var(--neon-purple);background:linear-gradient(135deg,#8a2be21a,#8a2be20d);box-shadow:var(--glow-purple)}.btn-secondary:hover{color:var(--bg-primary);background:var(--neon-purple);box-shadow:var(--glow-purple),inset 0 0 20px #0003;transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid rgba(0,212,255,.3);padding:2rem;position:relative;overflow:hidden;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:0;transition:var(--transition-normal)}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 49%,rgba(0,212,255,.02) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(0,102,255,.01) 50%,transparent 51%);background-size:20px 20px,20px 20px;opacity:0;transition:var(--transition-normal);pointer-events:none}.card:hover{border-color:var(--neon-cyan);box-shadow:0 10px 40px #00d4ff33,inset 0 0 20px #00d4ff0d;transform:translateY(-5px)}.card:hover:before{opacity:1}.card:hover:after{opacity:1}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:var(--neon-cyan);font-family:var(--font-display);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;background:var(--bg-tertiary);border:1px solid rgba(0,212,255,.3);color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;transition:var(--transition-normal);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00d4ff33,inset 0 0 10px #00d4ff1a;background:var(--bg-secondary)}.loading{display:inline-flex;align-items:center;gap:.5rem}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.text-blue{color:var(--neon-blue);text-shadow:var(--glow-blue)}.text-green{color:var(--neon-green);text-shadow:var(--glow-green)}.text-pink{color:var(--neon-pink);text-shadow:var(--glow-pink)}.text-purple{color:var(--neon-purple);text-shadow:var(--glow-purple)}.text-orange{color:var(--neon-orange);text-shadow:var(--glow-orange)}.border-cyan{border-color:var(--neon-cyan)}.border-blue{border-color:var(--neon-blue)}.border-green{border-color:var(--neon-green)}.border-pink{border-color:var(--neon-pink)}.border-purple{border-color:var(--neon-purple)}.border-orange{border-color:var(--neon-orange)}.hover\:border-cyan:hover{border-color:var(--neon-cyan)}.hover\:border-blue:hover{border-color:var(--neon-blue)}.hover\:border-green:hover{border-color:var(--neon-green)}.hover\:border-pink:hover{border-color:var(--neon-pink)}.hover\:border-purple:hover{border-color:var(--neon-purple)}.hover\:border-orange:hover{border-color:var(--neon-orange)}.hover\:shadow-cyan:hover{box-shadow:var(--glow-cyan)}.hover\:shadow-blue:hover{box-shadow:var(--glow-blue)}.hover\:shadow-green:hover{box-shadow:var(--glow-green)}.hover\:shadow-pink:hover{box-shadow:var(--glow-pink)}.hover\:shadow-purple:hover{box-shadow:var(--glow-purple)}.hover\:shadow-orange:hover{box-shadow:var(--glow-orange)}.circuit-pattern{position:relative;overflow:hidden}.circuit-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 49%,rgba(0,212,255,.1) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(0,212,255,.1) 50%,transparent 51%);background-size:50px 50px,50px 50px;animation:circuitPulse 4s ease-in-out infinite;pointer-events:none}.hologram{position:relative;animation:hologramFlicker 2s ease-in-out infinite}.hologram:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.1) 25%,transparent 50%,rgba(0,212,255,.1) 75%,transparent 100%);animation:dataFlow 3s linear infinite;pointer-events:none}@media (max-width: 768px){.container{padding:0 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{width:100%;justify-content:center}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h2:before{display:none}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--neon-cyan: #ffffff;--neon-blue: #ffffff;--text-primary: #ffffff;--bg-primary: #000000;--bg-secondary: #000000}}