@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 222 47% 4%;--foreground: 210 40% 90%;--card: 222 40% 8%;--card-foreground: 210 40% 90%;--popover: 222 40% 8%;--popover-foreground: 210 40% 90%;--primary: 190 100% 50%;--primary-foreground: 222 47% 4%;--secondary: 222 30% 15%;--secondary-foreground: 210 40% 80%;--muted: 222 30% 12%;--muted-foreground: 210 20% 55%;--accent: 222 30% 15%;--accent-foreground: 190 100% 60%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 222 30% 18%;--input: 222 30% 12%;--ring: 190 100% 50%;--radius: .75rem}html{scroll-behavior:smooth}body{@apply bg-gate-void text-gate-text antialiased;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}::selection{background:#00d4ff40;color:#00d4ff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#020510}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00d4ff99}}@layer components{.glass-card{@apply bg-white/[.03] backdrop-blur-md border border-white/[.06] rounded-xl;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{@apply border-gate-cyan/20 bg-white/[.05];box-shadow:0 16px 48px #00000080,0 0 30px #00d4ff14,inset 0 1px #ffffff14;transform:translateY(-2px)}.cyan-text{@apply text-gate-cyan;text-shadow:0 0 20px rgba(0,212,255,.5)}.gate-btn-primary{@apply relative px-8 py-4 font-semibold text-gate-void rounded-lg overflow-hidden;background:linear-gradient(135deg,#00d4ff,#4d9fff);box-shadow:0 0 20px #00d4ff4d,0 4px 15px #0000004d;transition:all .3s cubic-bezier(.16,1,.3,1)}.gate-btn-primary:hover{box-shadow:0 0 40px #00d4ff80,0 8px 25px #0006;transform:translateY(-2px) scale(1.02)}.gate-btn-primary:before{content:"";@apply absolute inset-0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.gate-btn-primary:hover:before{opacity:1}.gate-btn-ghost{@apply relative px-8 py-4 font-semibold rounded-lg overflow-hidden border border-gate-cyan/30;color:#00d4ff;background:#00d4ff0d;transition:all .3s cubic-bezier(.16,1,.3,1)}.gate-btn-ghost:hover{@apply border-gate-cyan/60 bg-gate-cyan/10;box-shadow:0 0 20px #00d4ff26;transform:translateY(-1px)}.code-block{@apply font-mono text-sm px-4 py-3 rounded-lg border border-gate-rim/40;background:#050d1fcc;color:#00d4ff}.endpoint-pill{@apply inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-mono font-medium;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:#00d4ff}.method-badge{@apply inline-flex items-center px-2 py-0.5 rounded text-xs font-mono font-bold;}.method-get{background:#00d44026;color:#00d440;border:1px solid rgba(0,212,64,.3)}.method-post{background:#4d9fff26;color:#4d9fff;border:1px solid rgba(77,159,255,.3)}.method-put{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.method-delete{background:#ff505026;color:#ff5050;border:1px solid rgba(255,80,80,.3)}.method-any{background:#7b61ff26;color:#7b61ff;border:1px solid rgba(123,97,255,.3)}.shimmer-line{background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);background-size:200% 100%;animation:shimmer 3s infinite}.hud-corner:before,.hud-corner:after{content:"";@apply absolute w-4 h-4;border-color:#00d4ff80;border-style:solid}.hud-corner:before{@apply top-0 left-0;border-width:1px 0 0 1px}.hud-corner:after{@apply bottom-0 right-0;border-width:0 1px 1px 0}}@layer utilities{.text-glow-cyan{text-shadow:0 0 20px rgba(0,212,255,.6),0 0 40px rgba(0,212,255,.3)}.text-glow-soft{text-shadow:0 0 30px rgba(0,212,255,.2)}.border-glow{box-shadow:0 0 0 1px #00d4ff33,0 0 20px #00d4ff1a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes nodeFloat{0%,to{transform:translate(0)}33%{transform:translate(3px,-5px)}66%{transform:translate(-3px,3px)}}@keyframes particleDrift{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-20px) translate(30px);opacity:0}}.particle{animation:particleDrift linear infinite;position:absolute;width:2px;height:2px;border-radius:50%;background:#00d4ff99;pointer-events:none}