@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #0d0415;--bg-secondary: #1a0a2e;--bg-card: rgba(26, 10, 46, .8);--neon-green: #39FF14;--neon-cyan: #00FFFF;--neon-pink: #FF1493;--neon-purple: #BF40BF;--chem-primary: #39FF14;--chem-secondary: #00FFFF;--chem-accent: #FF1493;--glow-green: rgba(57, 255, 20, .4);--glow-cyan: rgba(0, 255, 255, .4);--glow-pink: rgba(255, 20, 147, .4)}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%)}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 40px var(--neon-green)}50%{text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 80px var(--neon-green)}}@keyframes neon-border-pulse{0%,to{box-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-cyan),inset 0 0 5px #39ff141a;border-color:var(--neon-green)}50%{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-green),inset 0 0 10px #00ffff1a;border-color:var(--neon-cyan)}}@keyframes atom-orbit{0%{transform:rotate(0) translate(30px) rotate(0)}to{transform:rotate(360deg) translate(30px) rotate(-360deg)}}@keyframes atom-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes molecule-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-25px) rotate(3deg)}}@keyframes bubble-rise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes chemical-glow{0%,to{box-shadow:0 0 20px var(--glow-green);border-color:var(--neon-green)}33%{box-shadow:0 0 30px var(--glow-cyan);border-color:var(--neon-cyan)}66%{box-shadow:0 0 25px var(--glow-pink);border-color:var(--neon-pink)}}@keyframes electron-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(30px,10px) scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-neon-pulse{animation:neon-pulse 2s ease-in-out infinite}.animate-neon-border{animation:neon-border-pulse 3s ease-in-out infinite}.animate-atom-orbit{animation:atom-orbit 4s linear infinite}.animate-atom-pulse{animation:atom-pulse 2s ease-in-out infinite}.animate-molecule-float{animation:molecule-float 8s ease-in-out infinite}.animate-bubble-rise{animation:bubble-rise 12s ease-in infinite}.animate-chemical-glow{animation:chemical-glow 4s ease-in-out infinite}.animate-electron-spin{animation:electron-spin 3s linear infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:3s}.animate-blob{animation:blob 10s ease-in-out infinite}.animate-spin-slow{animation:spin 20s linear infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}.animation-delay-5000{animation-delay:5s}.neon-glass{background:#1a0a2e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(57,255,20,.2);box-shadow:0 8px 32px #39ff141a,inset 0 1px #ffffff0d}.neon-glass:hover{background:#1a0a2ecc;border-color:#0ff6;box-shadow:0 8px 32px #0ff3,inset 0 1px #ffffff1a}.neon-card{position:relative;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#39ff140d,#00ffff08,#ff14930d);border:1px solid rgba(57,255,20,.2)}.neon-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.neon-card:hover:before{left:100%}.text-neon-gradient{background:linear-gradient(135deg,var(--neon-green) 0%,var(--neon-cyan) 50%,var(--neon-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shimmer{background:linear-gradient(90deg,#39ff14,#0ff,#ff1493,#0ff,#39ff14);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.text-chem-gradient{background:linear-gradient(135deg,#39ff14,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.btn-neon-primary{background:linear-gradient(135deg,#39ff14,#0ff);color:#0d0415;font-weight:700;border:none;position:relative;overflow:hidden;transition:all .3s ease}.btn-neon-primary:hover{box-shadow:0 0 20px var(--glow-green),0 0 40px var(--glow-cyan);transform:scale(1.05)}.btn-neon-outline{background:transparent;color:var(--neon-green);border:2px solid var(--neon-green);position:relative;overflow:hidden;transition:all .3s ease}.btn-neon-outline:hover{background:#39ff141a;box-shadow:0 0 20px var(--glow-green)}.glass-3d-container{perspective:1000px}.glass-card-3d{background:#1a0a2e80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(57,255,20,.1);box-shadow:0 4px 30px #0000004d;transform-style:preserve-3d;transition:transform .5s ease}.glass-card-3d:hover{transform:rotateX(2deg) rotateY(2deg);border-color:#00ffff4d}.option-glass{background:#1a0a2e66;border:1px solid rgba(57,255,20,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.option-glass:hover{background:#39ff141a;border-color:#39ff144d;box-shadow:0 0 15px #39ff1433}.option-glow{background:#39ff1426!important;border-color:#39ff1499!important;box-shadow:0 0 20px #39ff144d,inset 0 0 10px #39ff141a!important;animation:pulse-glow-border 2s infinite}@keyframes pulse-glow-border{0%,to{box-shadow:0 0 20px #39ff144d,inset 0 0 10px #39ff141a}50%{box-shadow:0 0 30px #00ffff80,inset 0 0 15px #0ff3}}.flask-card{position:relative;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#39ff1414,#00ffff0d,#ff149314);border:1px solid rgba(57,255,20,.25)}.flask-card:hover{border-color:#00ffff80;box-shadow:0 0 30px #0ff3}
