{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "styles",
  "title": "Styles",
  "description": "BoldKit neubrutalism CSS variables and utilities",
  "files": [
    {
      "path": "registry/default/styles/globals.css",
      "content": "@import 'tailwindcss';\n@import 'tw-animate-css';\n\n@custom-variant dark (&:is(.dark *));\n\n/* BoldKit Theme Definition for Tailwind v4 */\n@theme {\n  --color-background: hsl(var(--background));\n  --color-foreground: hsl(var(--foreground));\n  --color-card: hsl(var(--card));\n  --color-card-foreground: hsl(var(--card-foreground));\n  --color-popover: hsl(var(--popover));\n  --color-popover-foreground: hsl(var(--popover-foreground));\n  --color-primary: hsl(var(--primary));\n  --color-primary-foreground: hsl(var(--primary-foreground));\n  --color-secondary: hsl(var(--secondary));\n  --color-secondary-foreground: hsl(var(--secondary-foreground));\n  --color-accent: hsl(var(--accent));\n  --color-accent-foreground: hsl(var(--accent-foreground));\n  --color-muted: hsl(var(--muted));\n  --color-muted-foreground: hsl(var(--muted-foreground));\n  --color-destructive: hsl(var(--destructive));\n  --color-destructive-foreground: hsl(var(--destructive-foreground));\n  --color-success: hsl(var(--success));\n  --color-success-foreground: hsl(var(--success-foreground));\n  --color-warning: hsl(var(--warning));\n  --color-warning-foreground: hsl(var(--warning-foreground));\n  --color-info: hsl(var(--info));\n  --color-info-foreground: hsl(var(--info-foreground));\n  --color-border: hsl(var(--border));\n  --color-input: hsl(var(--input));\n  --color-ring: hsl(var(--ring));\n  --color-chart-1: hsl(var(--chart-1));\n  --color-chart-2: hsl(var(--chart-2));\n  --color-chart-3: hsl(var(--chart-3));\n  --color-chart-4: hsl(var(--chart-4));\n  --color-chart-5: hsl(var(--chart-5));\n  /* Neon Colors */\n  --color-neon-pink: hsl(var(--neon-pink));\n  --color-neon-green: hsl(var(--neon-green));\n  --color-neon-blue: hsl(var(--neon-blue));\n  --color-neon-orange: hsl(var(--neon-orange));\n  --color-neon-purple: hsl(var(--neon-purple));\n  /* Clash Colors */\n  --color-clash-1: hsl(var(--clash-1));\n  --color-clash-2: hsl(var(--clash-2));\n  --color-clash-3: hsl(var(--clash-3));\n  --color-clash-4: hsl(var(--clash-4));\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n\n  /* BoldKit Motion System — L1 Tokens (framework-agnostic, --bk-* namespace).\n     The snap duration/easing back the .bk-interactive transition used by the\n     core interactive components (Button, Card, Input, Toggle, Switch). */\n  --bk-ease-snap:  cubic-bezier(0.22, 1, 0.3, 1.12);\n  --bk-dur-snap:   150ms;\n\n  /* Easing tokens — custom curves per the animations.dev easing blueprint.\n     Built-in CSS easings are too weak; these override Tailwind's defaults so\n     every `ease-out` / `ease-in-out` / `transition-*` utility gets the\n     stronger acceleration.\n     - ease-out: enters + user-initiated interactions (dropdowns, modals)\n     - ease-in-out: elements already on screen moving/morphing\n     - ease-in: avoid (sluggish); kept only for exit symmetry\n     - linear: marquees / progress only */\n  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); /* in-cubic */\n  --ease-out: cubic-bezier(0.165, 0.84, 0.44, 1); /* out-quart */\n  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); /* in-out-cubic */\n  /* Named scale, weakest → strongest acceleration */\n  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);\n  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);\n  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);\n  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);\n  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);\n  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);\n  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);\n  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);\n  /* Bare `transition-*` utilities default to the responsive ease-out */\n  --default-transition-timing-function: var(--ease-out);\n}\n\n/* BoldKit - Neubrutalism Design System */\n:root {\n  /* Base Colors */\n  --background: 60 9% 98%;\n  --foreground: 240 10% 10%;\n\n  /* Card */\n  --card: 0 0% 100%;\n  --card-foreground: 240 10% 10%;\n\n  /* Popover */\n  --popover: 0 0% 100%;\n  --popover-foreground: 240 10% 10%;\n\n  /* Primary - Coral Red */\n  --primary: 0 84% 71%;\n  --primary-foreground: 240 10% 10%;\n\n  /* Secondary - Teal */\n  --secondary: 174 62% 56%;\n  --secondary-foreground: 240 10% 10%;\n\n  /* Accent - Yellow */\n  --accent: 49 100% 71%;\n  --accent-foreground: 240 10% 10%;\n\n  /* Muted */\n  --muted: 60 5% 90%;\n  --muted-foreground: 240 5% 38%;\n\n  /* Destructive */\n  --destructive: 0 84% 47%;\n  --destructive-foreground: 0 0% 100%;\n\n  /* Success */\n  --success: 152 69% 69%;\n  --success-foreground: 240 10% 10%;\n\n  /* Warning */\n  --warning: 49 100% 60%;\n  --warning-foreground: 240 10% 10%;\n\n  /* Info */\n  --info: 212 100% 73%;\n  --info-foreground: 240 10% 10%;\n\n  /* Border & Input */\n  --border: 240 10% 10%;\n  --input: 240 10% 10%;\n  --ring: 240 10% 10%;\n\n  /* Radius - Minimal for neubrutalism */\n  --radius: 0rem;\n\n  /* BoldKit specific */\n  --shadow-color: 240 10% 10%;\n  --shadow-offset: 4px;\n  --border-width: 3px;\n\n  /* Chart colors */\n  --chart-1: 0 84% 71%;\n  --chart-2: 174 62% 56%;\n  --chart-3: 49 100% 71%;\n  --chart-4: 271 76% 53%;\n  --chart-5: 326 78% 60%;\n\n  /* Neon Colors - High saturation, vibrant */\n  --neon-pink: 330 100% 65%;\n  --neon-green: 120 100% 50%;\n  --neon-blue: 195 100% 50%;\n  --neon-orange: 25 100% 55%;\n  --neon-purple: 280 100% 60%;\n\n  /* Clash Colors - Unconventional pairings */\n  --clash-1: 15 85% 60%;   /* Burnt orange */\n  --clash-2: 280 70% 50%;  /* Deep purple */\n  --clash-3: 165 80% 45%;  /* Cyan-teal */\n  --clash-4: 45 95% 55%;   /* Mustard */\n}\n\n.dark {\n  --background: 240 10% 10%;\n  --foreground: 60 9% 98%;\n\n  --card: 240 10% 14%;\n  --card-foreground: 60 9% 98%;\n\n  --popover: 240 10% 14%;\n  --popover-foreground: 60 9% 98%;\n\n  --primary: 0 84% 71%;\n  --primary-foreground: 240 10% 10%;\n\n  --secondary: 174 62% 56%;\n  --secondary-foreground: 240 10% 10%;\n\n  --accent: 49 100% 71%;\n  --accent-foreground: 240 10% 10%;\n\n  --muted: 240 10% 20%;\n  --muted-foreground: 60 5% 65%;\n\n  --destructive: 0 84% 47%;\n  --destructive-foreground: 0 0% 100%;\n\n  --success: 152 69% 69%;\n  --success-foreground: 240 10% 10%;\n\n  --warning: 49 100% 60%;\n  --warning-foreground: 240 10% 10%;\n\n  --info: 212 100% 73%;\n  --info-foreground: 240 10% 10%;\n\n  --border: 60 9% 98%;\n  --input: 60 9% 98%;\n  --ring: 60 9% 98%;\n\n  --shadow-color: 0 0% 0%;\n\n  /* Neon Colors - Slightly adjusted for dark mode */\n  --neon-pink: 330 100% 70%;\n  --neon-green: 120 100% 55%;\n  --neon-blue: 195 100% 55%;\n  --neon-orange: 25 100% 60%;\n  --neon-purple: 280 100% 65%;\n\n  /* Clash Colors */\n  --clash-1: 15 85% 65%;\n  --clash-2: 280 70% 55%;\n  --clash-3: 165 80% 50%;\n  --clash-4: 45 95% 60%;\n}\n\n/* Base styles */\n* {\n  @apply border-border;\n}\n\nbody {\n  @apply bg-background text-foreground antialiased;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n/* BoldKit Motion — shared interactive timing. Routes the core components'\n   box-shadow+translate press onto the snap curve (buttery settle, hard look). */\n.bk-interactive {\n  transition:\n    transform var(--bk-dur-snap) var(--bk-ease-snap),\n    box-shadow var(--bk-dur-snap) var(--bk-ease-snap),\n    background-color var(--bk-dur-snap) var(--ease-out),\n    border-color var(--bk-dur-snap) var(--ease-out),\n    color var(--bk-dur-snap) var(--ease-out),\n    opacity var(--bk-dur-snap) var(--ease-out);\n}\n/* Universal reduced-motion guard — neutralizes movement for users who request it.\n   Covers hand-rolled `transition-all` hover effects that don't use the .bk-* utilities.\n   Keeps end states; only removes the timing. (a11y — improve-animations #1) */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  ::before,\n  ::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bk-interactive { transition-duration: 0.01ms !important; }\n}\n\n/* BoldKit Shadow Utility */\n.bk-shadow {\n  box-shadow: var(--shadow-offset) var(--shadow-offset) 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-sm {\n  box-shadow: 2px 2px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-md {\n  box-shadow: 6px 6px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-lg {\n  box-shadow: 8px 8px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-xl {\n  box-shadow: 12px 12px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-2xl {\n  box-shadow: 16px 16px 0px hsl(var(--shadow-color));\n}\n\n/* Colored Shadow Variants */\n.bk-shadow-primary {\n  box-shadow: 4px 4px 0px hsl(var(--primary));\n}\n\n.bk-shadow-secondary {\n  box-shadow: 4px 4px 0px hsl(var(--secondary));\n}\n\n.bk-shadow-accent {\n  box-shadow: 4px 4px 0px hsl(var(--accent));\n}\n\n.bk-shadow-destructive {\n  box-shadow: 4px 4px 0px hsl(var(--destructive));\n}\n\n.bk-shadow-neon-pink {\n  box-shadow: 4px 4px 0px hsl(var(--neon-pink));\n}\n\n.bk-shadow-neon-green {\n  box-shadow: 4px 4px 0px hsl(var(--neon-green));\n}\n\n.bk-shadow-neon-blue {\n  box-shadow: 4px 4px 0px hsl(var(--neon-blue));\n}\n\n/* Double Shadow Effect - Layered depth */\n.bk-shadow-double {\n  box-shadow:\n    4px 4px 0px hsl(var(--primary)),\n    8px 8px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-double-accent {\n  box-shadow:\n    4px 4px 0px hsl(var(--accent)),\n    8px 8px 0px hsl(var(--shadow-color));\n}\n\n.bk-shadow-double-lg {\n  box-shadow:\n    6px 6px 0px hsl(var(--primary)),\n    12px 12px 0px hsl(var(--shadow-color));\n}\n\n/* Triple Shadow Effect - Maximum depth */\n.bk-shadow-triple {\n  box-shadow:\n    3px 3px 0px hsl(var(--primary)),\n    6px 6px 0px hsl(var(--secondary)),\n    9px 9px 0px hsl(var(--shadow-color));\n}\n\n/* Hover transform effect */\n.bk-hover:hover {\n  transform: translate(-2px, -2px);\n}\n\n.bk-hover:active {\n  transform: translate(2px, 2px);\n  box-shadow: 2px 2px 0px hsl(var(--shadow-color));\n}\n\n/* Enhanced hover with scale */\n.bk-hover-scale:hover {\n  transform: translate(-2px, -2px) scale(1.02);\n}\n\n.bk-hover-scale:active {\n  transform: translate(2px, 2px) scale(0.98);\n  box-shadow: 2px 2px 0px hsl(var(--shadow-color));\n}\n\n/* Border Variations */\n.border-4 {\n  border-width: 4px;\n}\n\n.border-5 {\n  border-width: 5px;\n}\n\n.border-6 {\n  border-width: 6px;\n}\n\n/* Double Border Effect - Sticker/Stamp style */\n.bk-double-border {\n  outline: 3px solid hsl(var(--foreground));\n  outline-offset: 3px;\n}\n\n.bk-double-border-primary {\n  outline: 3px solid hsl(var(--primary));\n  outline-offset: 3px;\n}\n\n.bk-double-border-accent {\n  outline: 3px solid hsl(var(--accent));\n  outline-offset: 3px;\n}\n\n/* Dashed border for rough/hand-drawn feel */\n.bk-dashed-border {\n  border-style: dashed;\n  border-width: 3px;\n}\n\n/* Sticker Effect - Rotated with double border */\n.bk-sticker {\n  position: relative;\n  display: inline-block;\n  padding: 0.5rem 1rem;\n  border: 3px solid hsl(var(--foreground));\n  background: hsl(var(--accent));\n  box-shadow: 4px 4px 0px hsl(var(--shadow-color));\n  transform: rotate(-2deg);\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.bk-sticker::before {\n  content: '';\n  position: absolute;\n  inset: -6px;\n  border: 2px dashed hsl(var(--foreground) / 0.5);\n}\n\n.bk-sticker-tilted {\n  transform: rotate(-6deg);\n}\n\n.bk-sticker-tilted-right {\n  transform: rotate(6deg);\n}\n\n/* Stamp Effect - Circular with rough edges */\n.bk-stamp {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  border: 4px solid hsl(var(--foreground));\n  border-radius: 50%;\n  background: hsl(var(--primary));\n  color: hsl(var(--primary-foreground));\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  box-shadow: 4px 4px 0px hsl(var(--shadow-color));\n  transform: rotate(-12deg);\n}\n\n/* Tape Effect - Decorative tape strips */\n.bk-tape {\n  position: relative;\n}\n\n.bk-tape::before {\n  content: '';\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  transform: translateX(-50%) rotate(-2deg);\n  width: 60px;\n  height: 20px;\n  background: hsl(var(--accent) / 0.8);\n  border: 2px solid hsl(var(--foreground));\n}\n\n/* Selection */\n::selection {\n  @apply bg-accent text-accent-foreground;\n}\n\n/* ==========================================\n   TYPOGRAPHY ENHANCEMENTS\n   ========================================== */\n\n/* Extra-wide letter spacing for emphasis */\n.tracking-extra-wide {\n  letter-spacing: 0.2em;\n}\n\n.tracking-ultra-wide {\n  letter-spacing: 0.3em;\n}\n\n/* Text overflow effect - intentional overflow */\n.bk-text-overflow {\n  overflow: visible;\n  white-space: nowrap;\n}\n\n.bk-text-overflow-clip {\n  position: relative;\n}\n\n.bk-text-overflow-clip::after {\n  content: '';\n  position: absolute;\n  right: -20px;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  background: linear-gradient(to right, transparent, hsl(var(--background)));\n}\n\n/* Dramatic text sizes */\n.text-display {\n  font-size: 4rem;\n  line-height: 1;\n  font-weight: 900;\n  letter-spacing: -0.02em;\n}\n\n.text-display-lg {\n  font-size: 6rem;\n  line-height: 0.9;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n}\n\n.text-display-xl {\n  font-size: 8rem;\n  line-height: 0.85;\n  font-weight: 900;\n  letter-spacing: -0.04em;\n}\n\n/* Outlined text */\n.bk-text-outline {\n  -webkit-text-stroke: 2px hsl(var(--foreground));\n  color: transparent;\n}\n\n.bk-text-outline-thick {\n  -webkit-text-stroke: 3px hsl(var(--foreground));\n  color: transparent;\n}\n\n/* Text with shadow */\n.bk-text-shadow {\n  text-shadow: 3px 3px 0px hsl(var(--shadow-color));\n}\n\n.bk-text-shadow-lg {\n  text-shadow: 5px 5px 0px hsl(var(--shadow-color));\n}\n\n.bk-text-shadow-colored {\n  text-shadow: 3px 3px 0px hsl(var(--primary));\n}\n\n/* ==========================================\n   TEXTURE & PATTERN UTILITIES\n   ========================================== */\n\n/* Noise/Grain texture overlay */\n.bk-noise {\n  position: relative;\n}\n\n.bk-noise::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  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.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\");\n  opacity: 0.08;\n  pointer-events: none;\n  mix-blend-mode: overlay;\n}\n\n.bk-noise-heavy::before {\n  opacity: 0.15;\n}\n\n.bk-noise-light::before {\n  opacity: 0.04;\n}\n\n/* Halftone dot pattern */\n.bk-halftone {\n  position: relative;\n}\n\n.bk-halftone::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(circle, hsl(var(--foreground) / 0.15) 1px, transparent 1px);\n  background-size: 8px 8px;\n  pointer-events: none;\n}\n\n.bk-halftone-dense::before {\n  background-size: 4px 4px;\n}\n\n.bk-halftone-sparse::before {\n  background-size: 12px 12px;\n}\n\n/* Grid pattern variations */\n.grid-pattern-sm {\n  background-image:\n    linear-gradient(hsl(var(--border) / 0.3) 1px, transparent 1px),\n    linear-gradient(90deg, hsl(var(--border) / 0.3) 1px, transparent 1px);\n  background-size: 20px 20px;\n}\n\n.grid-pattern-lg {\n  background-image:\n    linear-gradient(hsl(var(--border) / 0.3) 1px, transparent 1px),\n    linear-gradient(90deg, hsl(var(--border) / 0.3) 1px, transparent 1px);\n  background-size: 60px 60px;\n}\n\n.grid-pattern-bold {\n  background-image:\n    linear-gradient(hsl(var(--border) / 0.5) 2px, transparent 2px),\n    linear-gradient(90deg, hsl(var(--border) / 0.5) 2px, transparent 2px);\n  background-size: 40px 40px;\n}\n\n/* Diagonal lines pattern */\n.bk-diagonal-lines {\n  background-image: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 10px,\n    hsl(var(--border) / 0.2) 10px,\n    hsl(var(--border) / 0.2) 11px\n  );\n}\n\n/* Checkerboard pattern */\n.bk-checkerboard {\n  background-image:\n    linear-gradient(45deg, hsl(var(--muted)) 25%, transparent 25%),\n    linear-gradient(-45deg, hsl(var(--muted)) 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, hsl(var(--muted)) 75%),\n    linear-gradient(-45deg, transparent 75%, hsl(var(--muted)) 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n\n/* Focus visible */\n:focus-visible {\n  @apply outline-none ring-2 ring-ring ring-offset-2 ring-offset-background;\n}\n\n/* Remove focus ring from command input */\n[cmdk-input]:focus,\n[cmdk-input]:focus-visible {\n  outline: none !important;\n  box-shadow: none !important;\n  ring: none !important;\n}\n\n/* Scrollbar styling */\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-track {\n  @apply bg-muted;\n}\n\n::-webkit-scrollbar-thumb {\n  @apply bg-foreground border-3 border-muted;\n}\n\n/* Grid pattern for hero sections */\n.grid-pattern {\n  background-image:\n    linear-gradient(hsl(var(--border) / 0.3) 1px, transparent 1px),\n    linear-gradient(90deg, hsl(var(--border) / 0.3) 1px, transparent 1px);\n  background-size: 40px 40px;\n}\n\n/* Animation Keyframes */\n@keyframes accordion-down {\n  from {\n    height: 0;\n    opacity: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n    opacity: 1;\n  }\n  to {\n    height: 0;\n    opacity: 0;\n  }\n}\n\n@keyframes collapsible-down {\n  from {\n    height: 0;\n    opacity: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes collapsible-up {\n  from {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n  to {\n    height: 0;\n    opacity: 0;\n  }\n}\n\n@keyframes shake {\n  0%, 100% { transform: translateX(0); }\n  25% { transform: translateX(-4px); }\n  75% { transform: translateX(4px); }\n}\n\n@keyframes bounce-in {\n  0% { transform: scale(0.95); opacity: 0; }\n  50% { transform: scale(1.02); }\n  100% { transform: scale(1); opacity: 1; }\n}\n\n@keyframes pulse-shadow {\n  0%, 100% { box-shadow: 4px 4px 0px hsl(var(--shadow-color)); }\n  50% { box-shadow: 6px 6px 0px hsl(var(--shadow-color)); }\n}\n\n/* Wiggle animation - playful error state */\n@keyframes wiggle {\n  0%, 100% { transform: rotate(0deg); }\n  25% { transform: rotate(-3deg); }\n  50% { transform: rotate(3deg); }\n  75% { transform: rotate(-3deg); }\n}\n\n/* Pop animation - success/attention */\n@keyframes pop {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.1); }\n  100% { transform: scale(1); }\n}\n\n/* Rubber band effect */\n@keyframes rubber-band {\n  0% { transform: scale(1); }\n  30% { transform: scaleX(1.25) scaleY(0.75); }\n  40% { transform: scaleX(0.75) scaleY(1.25); }\n  50% { transform: scaleX(1.15) scaleY(0.85); }\n  65% { transform: scaleX(0.95) scaleY(1.05); }\n  75% { transform: scaleX(1.05) scaleY(0.95); }\n  100% { transform: scale(1); }\n}\n\n/* Jello wobble */\n@keyframes jello {\n  0%, 100% { transform: skewX(0deg) skewY(0deg); }\n  30% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n  40% { transform: skewX(6.25deg) skewY(6.25deg); }\n  50% { transform: skewX(-3.125deg) skewY(-3.125deg); }\n  65% { transform: skewX(1.5625deg) skewY(1.5625deg); }\n  75% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n}\n\n/* Marquee scroll animation */\n@keyframes marquee {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n@keyframes marquee-reverse {\n  0% { transform: translateX(-50%); }\n  100% { transform: translateX(0); }\n}\n\n/* Stagger fade in */\n@keyframes stagger-fade-in {\n  0% { opacity: 0; transform: translateY(10px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n/* Pulse scale */\n@keyframes pulse-scale {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.05); }\n}\n\n/* Glitch effect */\n@keyframes glitch {\n  0%, 100% { transform: translate(0); }\n  20% { transform: translate(-2px, 2px); }\n  40% { transform: translate(-2px, -2px); }\n  60% { transform: translate(2px, 2px); }\n  80% { transform: translate(2px, -2px); }\n}\n\n/* Float animation */\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n/* Typewriter cursor blink */\n@keyframes blink {\n  0%, 50% { opacity: 1; }\n  51%, 100% { opacity: 0; }\n}\n\n/* Animation Classes */\n.animate-accordion-down {\n  animation: accordion-down 200ms var(--ease-out);\n}\n\n.animate-accordion-up {\n  animation: accordion-up 200ms var(--ease-out);\n}\n\n.animate-collapsible-down {\n  animation: collapsible-down 200ms var(--ease-out);\n}\n\n.animate-collapsible-up {\n  animation: collapsible-up 200ms var(--ease-out);\n}\n\n.animate-shake {\n  animation: shake 200ms var(--ease-in-out);\n}\n\n.animate-bounce-in {\n  animation: bounce-in 300ms var(--ease-out);\n}\n\n.animate-pulse-shadow {\n  animation: pulse-shadow 2s var(--ease-in-out) infinite;\n}\n\n.animate-wiggle {\n  animation: wiggle 300ms var(--ease-in-out);\n}\n\n.animate-pop {\n  animation: pop 300ms var(--ease-out);\n}\n\n.animate-rubber-band {\n  animation: rubber-band 800ms var(--ease-out);\n}\n\n.animate-jello {\n  animation: jello 800ms var(--ease-out);\n}\n\n.animate-marquee {\n  animation: marquee 20s linear infinite;\n}\n\n.animate-marquee-fast {\n  animation: marquee 10s linear infinite;\n}\n\n.animate-marquee-slow {\n  animation: marquee 40s linear infinite;\n}\n\n.animate-marquee-reverse {\n  animation: marquee-reverse 20s linear infinite;\n}\n\n.animate-stagger-fade-in {\n  animation: stagger-fade-in 300ms var(--ease-out) forwards;\n  opacity: 0;\n}\n\n/* Stagger delay utilities */\n.stagger-1 { animation-delay: 50ms; }\n.stagger-2 { animation-delay: 100ms; }\n.stagger-3 { animation-delay: 150ms; }\n.stagger-4 { animation-delay: 200ms; }\n.stagger-5 { animation-delay: 250ms; }\n.stagger-6 { animation-delay: 300ms; }\n.stagger-7 { animation-delay: 350ms; }\n.stagger-8 { animation-delay: 400ms; }\n\n.animate-pulse-scale {\n  animation: pulse-scale 2s var(--ease-in-out) infinite;\n}\n\n.animate-glitch {\n  animation: glitch 200ms var(--ease-in-out);\n}\n\n.animate-float {\n  animation: float 3s var(--ease-in-out) infinite;\n}\n\n.animate-blink {\n  animation: blink 1s step-end infinite;\n}\n\n/* Hover-triggered animations */\n.hover-wiggle:hover {\n  animation: wiggle 300ms var(--ease-in-out);\n}\n\n.hover-pop:hover {\n  animation: pop 300ms var(--ease-out);\n}\n\n.hover-jello:hover {\n  animation: jello 800ms var(--ease-out);\n}\n\n.hover-rubber-band:hover {\n  animation: rubber-band 800ms var(--ease-out);\n}\n\n/* Tooltip & Popover Animations */\n@keyframes fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes fade-out {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n\n@keyframes zoom-in {\n  from { transform: scale(0.95); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n@keyframes zoom-out {\n  from { transform: scale(1); opacity: 1; }\n  to { transform: scale(0.95); opacity: 0; }\n}\n\n@keyframes slide-in-from-top {\n  from { transform: translateY(-4px); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slide-in-from-bottom {\n  from { transform: translateY(4px); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slide-in-from-left {\n  from { transform: translateX(-4px); }\n  to { transform: translateX(0); }\n}\n\n@keyframes slide-in-from-right {\n  from { transform: translateX(4px); }\n  to { transform: translateX(0); }\n}\n\n/* Radix UI animation states */\n[data-state=\"open\"] {\n  animation: zoom-in 150ms var(--ease-out);\n}\n\n[data-state=\"closed\"] {\n  animation: zoom-out 100ms var(--ease-in);\n}\n\n/* Tooltip specific animations */\n[data-radix-popper-content-wrapper] [data-side=\"top\"] {\n  animation: fade-in 150ms var(--ease-out), slide-in-from-bottom 150ms var(--ease-out);\n}\n\n[data-radix-popper-content-wrapper] [data-side=\"bottom\"] {\n  animation: fade-in 150ms var(--ease-out), slide-in-from-top 150ms var(--ease-out);\n}\n\n[data-radix-popper-content-wrapper] [data-side=\"left\"] {\n  animation: fade-in 150ms var(--ease-out), slide-in-from-right 150ms var(--ease-out);\n}\n\n[data-radix-popper-content-wrapper] [data-side=\"right\"] {\n  animation: fade-in 150ms var(--ease-out), slide-in-from-left 150ms var(--ease-out);\n}\n\n/* ==========================================\n   MARQUEE COMPONENT UTILITIES\n   ========================================== */\n\n.bk-marquee {\n  display: flex;\n  overflow: hidden;\n  user-select: none;\n  gap: 1rem;\n}\n\n.bk-marquee-content {\n  display: flex;\n  gap: 1rem;\n  flex-shrink: 0;\n  animation: marquee 20s linear infinite;\n}\n\n.bk-marquee:hover .bk-marquee-content {\n  animation-play-state: paused;\n}\n\n.bk-marquee-vertical {\n  flex-direction: column;\n  height: 100%;\n}\n\n.bk-marquee-vertical .bk-marquee-content {\n  flex-direction: column;\n  animation: marquee-vertical 20s linear infinite;\n}\n\n@keyframes marquee-vertical {\n  0% { transform: translateY(0); }\n  100% { transform: translateY(-50%); }\n}\n\n/* ==========================================\n   LAYERED CARD UTILITIES\n   ========================================== */\n\n.bk-layered {\n  position: relative;\n}\n\n.bk-layered::before,\n.bk-layered::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border: 3px solid hsl(var(--foreground));\n  background: hsl(var(--card));\n  z-index: -1;\n}\n\n.bk-layered::before {\n  transform: translate(6px, 6px);\n}\n\n.bk-layered::after {\n  transform: translate(12px, 12px);\n}\n\n.bk-layered-sm::before {\n  transform: translate(4px, 4px);\n}\n\n.bk-layered-sm::after {\n  transform: translate(8px, 8px);\n}\n\n.bk-layered-lg::before {\n  transform: translate(8px, 8px);\n}\n\n.bk-layered-lg::after {\n  transform: translate(16px, 16px);\n}\n\n/* Single layer variant */\n.bk-layered-single::after {\n  display: none;\n}\n\n/* Colored layers */\n.bk-layered-primary::before {\n  background: hsl(var(--primary));\n}\n\n.bk-layered-accent::before {\n  background: hsl(var(--accent));\n}\n\n.bk-layered-secondary::before {\n  background: hsl(var(--secondary));\n}\n\n/* ==========================================\n   NEON GLOW UTILITIES\n   ========================================== */\n\n.bk-glow-neon-pink {\n  box-shadow:\n    0 0 5px hsl(var(--neon-pink)),\n    0 0 10px hsl(var(--neon-pink)),\n    0 0 20px hsl(var(--neon-pink) / 0.5);\n}\n\n.bk-glow-neon-green {\n  box-shadow:\n    0 0 5px hsl(var(--neon-green)),\n    0 0 10px hsl(var(--neon-green)),\n    0 0 20px hsl(var(--neon-green) / 0.5);\n}\n\n.bk-glow-neon-blue {\n  box-shadow:\n    0 0 5px hsl(var(--neon-blue)),\n    0 0 10px hsl(var(--neon-blue)),\n    0 0 20px hsl(var(--neon-blue) / 0.5);\n}\n\n/* Combined neon + brutal shadow */\n.bk-shadow-neon-brutal-pink {\n  box-shadow:\n    4px 4px 0px hsl(var(--shadow-color)),\n    0 0 10px hsl(var(--neon-pink) / 0.5);\n}\n\n.bk-shadow-neon-brutal-green {\n  box-shadow:\n    4px 4px 0px hsl(var(--shadow-color)),\n    0 0 10px hsl(var(--neon-green) / 0.5);\n}\n\n/* ==========================================\n   UTILITY HELPERS\n   ========================================== */\n\n/* Force neubrutalism style reset */\n.bk-brutal {\n  border-radius: 0 !important;\n  border-width: 3px;\n  border-style: solid;\n  border-color: hsl(var(--foreground));\n}\n\n/* Pressed state utility */\n.bk-pressed {\n  transform: translate(4px, 4px);\n  box-shadow: none !important;\n}\n\n/* Lifted state utility */\n.bk-lifted {\n  transform: translate(-4px, -4px);\n  box-shadow: 8px 8px 0px hsl(var(--shadow-color));\n}\n\n/* ==========================================\n   BUTTON ANIMATION KEYFRAMES\n   ========================================== */\n\n@keyframes brutal-pulse {\n  0%, 100% {\n    box-shadow: 4px 4px 0px hsl(var(--shadow-color));\n    transform: translate(0, 0);\n  }\n  50% {\n    box-shadow: 6px 6px 0px hsl(var(--shadow-color));\n    transform: translate(-2px, -2px);\n  }\n}\n\n@keyframes brutal-bounce {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-6px);\n  }\n}\n\n@keyframes brutal-shake {\n  0%, 100% {\n    transform: translateX(0);\n  }\n  20% {\n    transform: translateX(-4px) rotate(-2deg);\n  }\n  40% {\n    transform: translateX(4px) rotate(2deg);\n  }\n  60% {\n    transform: translateX(-4px) rotate(-2deg);\n  }\n  80% {\n    transform: translateX(4px) rotate(2deg);\n  }\n}\n\n@keyframes brutal-wiggle {\n  0%, 100% {\n    transform: rotate(0deg);\n  }\n  25% {\n    transform: rotate(-5deg);\n  }\n  75% {\n    transform: rotate(5deg);\n  }\n}\n\n@keyframes brutal-pop {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n/* Respect reduced-motion: disable enter/exit overlay animations */\n@media (prefers-reduced-motion: reduce) {\n  .animate-in,\n  .animate-out {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n",
      "type": "registry:style",
      "target": "styles/globals.css"
    }
  ],
  "type": "registry:style"
}