:root{--ink: #050510;--cream: #f4efe1;--cobalt: #1E3AE8;--cobalt-deep: #0F1FA3;--cobalt-glow: #4A6BFF}*{-webkit-font-smoothing:antialiased}html,body{background-color:#010101;color:var(--cream);font-family:Space Grotesk,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.font-display{font-family:Anton,Impact,sans-serif;letter-spacing:-.01em}.font-black{font-family:Archivo Black,sans-serif}.font-body{font-family:Space Grotesk,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.text-cream{color:var(--cream)}.text-ink{color:var(--ink)}.text-cobalt{color:var(--cobalt)}.bg-cream{background-color:var(--cream)}.bg-ink{background-color:var(--ink)}.bg-cobalt{background-color:var(--cobalt)}.bg-cobalt-deep{background-color:var(--cobalt-deep)}.border-cream{border-color:var(--cream)}.border-ink{border-color:var(--ink)}.killer{font-family:Anton,Impact,sans-serif;line-height:.82;letter-spacing:-.02em;text-transform:uppercase}.tag{font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.halftone{position:relative}.halftone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(5,5,16,.35) 1px,transparent 1.5px);background-size:4px 4px;mix-blend-mode:multiply;pointer-events:none;opacity:.5}.bw{filter:grayscale(1) contrast(1.15) brightness(.98)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;background:var(--ink);color:var(--cream);font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;border:2px solid var(--cream)}.chip-cream{background:var(--cream);color:var(--ink);border-color:var(--ink)}.barcode{background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 9px);height:40px;width:100px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 24s linear infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-y{animation:float-y 4s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.animate-shake{animation:shake .5s ease-in-out infinite}.ink-shadow{box-shadow:6px 6px 0 0 var(--ink)}.ink-shadow-cream{box-shadow:6px 6px 0 0 var(--cream)}.ink-shadow-lg{box-shadow:10px 10px 0 0 var(--ink)}.btn-push{transition:transform .12s ease,box-shadow .12s ease}.btn-push:hover{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--ink)}.stripes{background-image:repeating-linear-gradient(45deg,var(--ink) 0 12px,var(--cream) 12px 24px)}.tape{position:absolute;background:#f4efe1d9;height:22px;width:90px;transform:rotate(-4deg);box-shadow:0 2px 6px #0003}
