@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");@layer base{:root{--phosphor-green:142 100% 55%;--phosphor-amber:35 100% 55%;--phosphor-cyan:180 100% 55%;--crt-black:0 0% 5%;--terminal-bg:220 20% 8%;--terminal-dark:220 15% 12%;--terminal-mid:220 10% 18%;--terminal-light:220 10% 25%;--foreground:0 0% 100%;--foreground-muted:220 10% 65%;--foreground-dim:220 10% 45%;--accent:142 100% 55%;--accent-dim:142 80% 40%;--accent-glow:142 100% 55%;--background:220 20% 8%;--card:220 15% 12%;--card-foreground:0 0% 100%;--popover:220 15% 12%;--popover-foreground:0 0% 100%;--primary:142 100% 55%;--primary-foreground:220 20% 8%;--secondary:220 10% 18%;--secondary-foreground:0 0% 100%;--muted:220 10% 18%;--muted-foreground:220 10% 65%;--border:220 10% 20%;--input:220 10% 18%;--ring:142 100% 55%;--radius:0.75rem}*{@apply border-border}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply text-foreground antialiased;font-family:Inter,sans-serif;background:hsl(var(--terminal-bg));min-height:100vh;color:#fff;position:relative}body:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 0,transparent 2px);z-index:9999;opacity:.3}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}body:after{background:hsla(0,6%,7%,.02);z-index:9998;animation:flicker .15s infinite}.font-display,h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;@apply font-bold tracking-tight}.font-mono,code,pre{font-family:JetBrains Mono,monospace}}@layer base{::selection{background:hsl(var(--accent)/.3);color:hsl(var(--accent))}}@layer components{@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.terminal-grid{background-image:linear-gradient(rgba(34,197,94,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,197,94,.03) 1px,transparent 0);background-size:40px 40px}.glow-text{text-shadow:0 0 10px hsl(var(--accent)/.5),0 0 20px hsl(var(--accent)/.3),0 0 30px hsl(var(--accent)/.2)}.glow-border{box-shadow:0 0 10px hsl(var(--accent)/.3),0 0 20px hsl(var(--accent)/.2),inset 0 0 10px hsl(var(--accent)/.05)}.glow-box{box-shadow:0 0 5px hsl(var(--accent)/.4),0 0 10px hsl(var(--accent)/.2)}.terminal-card{@apply relative rounded-xl overflow-hidden;background:linear-gradient(145deg,hsl(var(--terminal-dark)),hsl(var(--terminal-mid)));border:1px solid hsl(var(--terminal-light)/.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.terminal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--accent)/.3),transparent)}.terminal-card:hover{border-color:hsl(var(--accent)/.5);box-shadow:0 0 20px hsl(var(--accent)/.15),0 0 40px hsl(var(--accent)/.05);transform:translateY(-2px)}.terminal-window{@apply relative rounded-xl overflow-hidden;background:hsl(var(--terminal-dark));border:1px solid hsl(var(--terminal-light)/.5)}.terminal-window:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:linear-gradient(180deg,hsl(var(--terminal-mid)),hsl(var(--terminal-dark)));border-bottom:1px solid hsl(var(--terminal-light)/.3)}.terminal-window-content{@apply pt-10 p-6}.status-badge{@apply px-3 py-1 rounded-full text-xs font-semibold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.status-solving{background:linear-gradient(90deg,#f59e0b,#d97706);color:#000}.status-discussing{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff}.status-tools{background:linear-gradient(90deg,#a855f7,#7c3aed);color:#fff}.status-typing{background:linear-gradient(90deg,#22c55e,#16a34a);color:#000}.status-idle{background:linear-gradient(90deg,#6b7280,#4b5563);color:#fff}.status-live{background:linear-gradient(90deg,#22c55e,#16a34a);color:#000;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(34,197,94,.5)}50%{box-shadow:0 0 20px rgba(34,197,94,.8)}}.typing-dot{animation:typing 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.btn-primary{@apply relative px-8 py-4 rounded-xl font-semibold text-lg overflow-hidden transition-all;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--accent-dim)));color:hsl(var(--terminal-bg))!important;box-shadow:0 0 10px hsl(var(--accent)/.4),0 0 20px hsl(var(--accent)/.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px hsl(var(--accent)/.5),0 0 40px hsl(var(--accent)/.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-primary:active{transform:translateY(0)}.btn-outline{@apply px-8 py-4 rounded-xl font-semibold text-lg transition-all;background:transparent;border:1px solid hsl(var(--terminal-light));color:#fff}.btn-outline:hover{border-color:hsl(var(--accent)/.5);background:hsl(var(--accent)/.05);box-shadow:0 0 15px hsl(var(--accent)/.1)}.topic-tag{@apply text-xs px-3 py-1.5 rounded-full font-medium;background:hsl(var(--terminal-mid));border:1px solid hsl(var(--terminal-light)/.5);color:hsl(var(--foreground-muted));transition:all .2s}.topic-tag:hover{border-color:hsl(var(--accent)/.3);color:hsl(var(--accent));background:hsl(var(--accent)/.05)}.text-gradient{@apply bg-clip-text text-transparent;background-image:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--accent)/.8))}.section-card{@apply rounded-xl p-8;background:linear-gradient(145deg,hsl(var(--terminal-dark)/.8),hsl(var(--terminal-mid)/.5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-block,.section-card{border:1px solid hsl(var(--terminal-light)/.3)}.code-block{@apply relative rounded-xl p-4 font-mono text-sm overflow-x-auto;background:hsl(var(--crt-black))}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--accent)/.2),transparent)}.step-number{@apply w-10 h-10 rounded-full flex items-center justify-center font-bold text-lg flex-shrink-0;background:hsl(var(--accent));color:hsl(var(--terminal-bg));box-shadow:0 0 15px hsl(var(--accent)/.4)}.glass-header{@apply backdrop-blur-xl border-b;background:hsl(var(--terminal-dark)/.8);border-color:hsl(var(--terminal-light)/.2)}.glow-divider{height:1px;background:linear-gradient(90deg,transparent,hsl(var(--accent)/.3),transparent)}}@layer utilities{.scrollbar-thin{scrollbar-width:thin;scrollbar-color:hsl(var(--accent)/.3) transparent}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:hsl(var(--terminal-bg))}.scrollbar-thin::-webkit-scrollbar-thumb{@apply rounded-full;background:hsl(var(--terminal-light));border:2px solid hsl(var(--terminal-bg))}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:hsl(var(--accent)/.5)}.text-bright{color:#fff}.text-dim{color:hsl(var(--foreground-dim))}.text-accent{color:hsl(var(--accent))}.bg-terminal{background:hsl(var(--terminal-bg))}.bg-terminal-dark{background:hsl(var(--terminal-dark))}.bg-terminal-mid{background:hsl(var(--terminal-mid))}}.crt-screen{position:relative}.crt-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:1}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2}.btn-retro{@apply relative transition-all;box-shadow:0 4px 0 hsl(var(--accent-dim)),0 5px 10px rgba(0,0,0,.3)}.btn-retro:active{transform:translateY(4px);box-shadow:0 0 0 hsl(var(--accent-dim)),0 1px 5px rgba(0,0,0,.3)}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.loading-bar{height:2px;background:linear-gradient(90deg,transparent,hsl(var(--accent)),transparent);animation:loading 2s ease-in-out infinite}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.noise{position:relative}.noise:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}