@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-gray-800;margin:0;padding:0;box-sizing:border-box}:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #222230;--accent-cyan: #00F5D4;--accent-purple: #7B2CBF;--accent-pink: #E040FB;--accent-orange: #FF6B35;--text-primary: #ffffff;--text-secondary: #8892b0;--text-muted: #5a6072;--border-color: #2a2a3a;--success: #00F5D4;--warning: #FFE66D;--danger: #FF6B6B;--gradient-primary: linear-gradient(135deg, #00F5D4 0%, #7B2CBF 100%)}body{@apply m-0 antialiased;@apply min-w-[320px] min-h-screen;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}}@layer utilities{@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(to right,#f9fafb,#f3f4f6 20%,#f9fafb 40% 100%);background-size:1000px 100%}.glass{@apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl;}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card-shadow-hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-600;}.bg-mesh-gradient{background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.bg-mesh-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(249,168,212,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(167,139,250,.3) 0%,transparent 50%);opacity:.6}.card-elevated{@apply bg-white/95 backdrop-blur-xl border border-white/20 shadow-2xl rounded-2xl;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.bg-dot-pattern{background-image:radial-gradient(circle,rgba(99,102,241,.1) 1px,transparent 1px);background-size:24px 24px}.bg-grid-pattern{background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:50px 50px}.energy-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.3}.grid-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,245,212,.1),transparent)}.grid-line.horizontal{width:100%;height:1px;animation:pulse-h 8s ease-in-out infinite}.grid-line.vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(123,44,191,.1),transparent);animation:pulse-v 10s ease-in-out infinite}.energy-pulse{position:absolute;border-radius:50%;border:1px solid rgba(0,245,212,.2);animation:expand 6s ease-out infinite}.pulse-1{top:20%;left:30%;width:200px;height:200px}.pulse-2{top:60%;left:70%;width:150px;height:150px;animation-delay:2s}.pulse-3{top:40%;left:50%;width:300px;height:300px;animation-delay:4s}@keyframes pulse-h{0%,to{opacity:.3}50%{opacity:.8}}@keyframes pulse-v{0%,to{opacity:.2}50%{opacity:.6}}@keyframes expand{0%{transform:scale(.5);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-100;}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400;}::selection{@apply bg-blue-100 text-blue-900;}*:focus-visible{@apply outline-none ring-2 ring-blue-500 ring-offset-2;}