VibeCodingStudio/anycoder-2744f144

1@tailwind base;2@tailwind components;3@tailwind utilities;4 5@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');6 7:root {8  --navy-950: #050810;9  --navy-900: #0a0e1a;10  --navy-800: #0d1224;11  --accent-purple: #8b5cf6;12  --accent-cyan: #06b6d4;13}14 15* {16  scrollbar-width: thin;17  scrollbar-color: rgba(139, 92, 246, 0.3) transparent;18}19 20*::-webkit-scrollbar {21  width: 6px;22  height: 6px;23}24 25*::-webkit-scrollbar-track {26  background: transparent;27}28 29*::-webkit-scrollbar-thumb {30  background: rgba(139, 92, 246, 0.3);31  border-radius: 3px;32}33 34*::-webkit-scrollbar-thumb:hover {35  background: rgba(139, 92, 246, 0.5);36}37 38body {39  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;40  background: #050810;41  color: #e2e8f0;42  overflow: hidden;43}44 45@layer utilities {46  .glass-panel {47    background: rgba(13, 18, 36, 0.7);48    backdrop-filter: blur(20px);49    border: 1px solid rgba(139, 92, 246, 0.1);50  }51 52  .glass-panel-light {53    background: rgba(26, 35, 66, 0.4);54    backdrop-filter: blur(12px);55    border: 1px solid rgba(139, 92, 246, 0.08);56  }57 58  .glow-border {59    border: 1px solid rgba(139, 92, 246, 0.2);60    box-shadow: 0 0 15px rgba(139, 92, 246, 0.05), inset 0 0 15px rgba(139, 92, 246, 0.02);61  }62 63  .glow-border-cyan {64    border: 1px solid rgba(6, 182, 212, 0.2);65    box-shadow: 0 0 15px rgba(6, 182, 212, 0.05), inset 0 0 15px rgba(6, 182, 212, 0.02);66  }67 68  .text-gradient {69    background: linear-gradient(135deg, #8b5cf6, #06b6d4);70    -webkit-background-clip: text;71    -webkit-text-fill-color: transparent;72    background-clip: text;73  }74 75  .text-gradient-warm {76    background: linear-gradient(135deg, #f59e0b, #ef4444);77    -webkit-background-clip: text;78    -webkit-text-fill-color: transparent;79    background-clip: text;80  }81 82  .bg-gradient-mesh {83    background: 84      radial-gradient(ellipse at 20% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),85      radial-gradient(ellipse at 80% 20%, rgba(6, 182, 212, 0.06) 0%, transparent 50%),86      radial-gradient(ellipse at 50% 80%, rgba(139, 92, 246, 0.04) 0%, transparent 50%);87  }88 89  .terminal-text {90    font-family: 'JetBrains Mono', 'Fira Code', monospace;91    font-size: 0.8125rem;92    line-height: 1.5;93  }94 95  .ring-chart {96    transform: rotate(-90deg);97  }98 99  .shimmer-bg {100    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.08), transparent);101    background-size: 200% 100%;102    animation: shimmer 2s linear infinite;103  }104 105  .hover-lift {106    transition: transform 0.2s ease, box-shadow 0.2s ease;107  }108 109  .hover-lift:hover {110    transform: translateY(-2px);111    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);112  }113 114  .metric-ring {115    filter: drop-shadow(0 0 6px currentColor);116  }117}