@layer base{:root{--primary: 199 89% 48%;--primary-foreground: 0 0% 100%;--accent: 262 83% 58%;--background: 222 47% 4%;--foreground: 210 40% 98%;--card: 222 47% 4%;--card-foreground: 210 40% 98%;--border: 217 32% 17%;--input: 217 32% 17%;--ring: 199 89% 48%}body{@apply bg-[#020617] text-slate-100 transition-colors duration-500 antialiased selection:bg-primary-500/30;background-image:radial-gradient(at 0% 0%,hsla(213,100%,12%,.15) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(260,100%,12%,.15) 0,transparent 50%)}.dark body{@apply bg-[#020617] text-slate-100;}}@layer components{.hf-glass{@apply bg-white/5 backdrop-blur-2xl border border-white/10 shadow-2xl transition-all duration-500;}.hf-glass-hover{@apply hover:border-primary-500/40 hover:shadow-xl hover:shadow-primary-500/5 transition-all duration-500;}}.vuln-glow-pulse{box-shadow:0 0 20px -5px #ef444466;animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.8;box-shadow:0 0 15px -5px #ef444466}50%{opacity:1;box-shadow:0 0 25px -2px #ef444499}}.font-technical{font-family:JetBrains Mono,monospace;letter-spacing:-.02em}@keyframes glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-glow{animation:glow 3s infinite ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-up{animation:slide-up .5s ease-out forwards}.table-container{box-shadow:0 0 50px -12px #8b5cf61a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{@apply bg-slate-200 dark:bg-white/10;border-radius:10px}::-webkit-scrollbar-thumb:hover{@apply bg-slate-300 dark:bg-white/20;}.vulnerable-glow{box-shadow:0 0 15px #ef44441a}.text-neon-primary{text-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.3)}.text-neon-red{text-shadow:0 0 10px rgba(239,68,68,.5),0 0 20px rgba(239,68,68,.3)}.cyber-grid{background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);background-size:50px 50px}.dark .cyber-grid{background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px)}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-line-overlay{position:relative;overflow:hidden}.scan-line-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);animation:scan-line 4s linear infinite;pointer-events:none}@keyframes matrix-rain{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}.matrix-overlay{background:linear-gradient(rgba(139,92,246,.03) 50%,transparent 50%);background-size:100% 4px;pointer-events:none}.matrix-text-overlay{position:relative;overflow:hidden}.matrix-text-overlay:before{content:"10110100 01101111 01110010 01101100 01100100 10110100 01101111 01110010 01101100 01100100";position:absolute;top:0;left:0;width:100%;height:200%;font-size:10px;font-family:JetBrains Mono,monospace;color:#8b5cf60a;line-height:1.2;word-break:break-all;animation:matrix-rain 20s linear infinite;z-index:-1;pointer-events:none}.dark .matrix-text-overlay:before{color:#8b5cf60a}.matrix-text-overlay:before{color:#00000005}@keyframes neural-pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #2563eb00}}.neural-active{animation:neural-pulse 2s infinite}.hf-glass{@apply bg-white/40 dark:bg-gray-950/40 backdrop-blur-xl border border-gray-200 dark:border-white/5;}.hf-glass-hover{@apply hover:border-primary-500/30 transition-all duration-500;}