:root{--sc-stamp-red:#e8364b;--sc-stamp-red-light:#ff5a6e;--sc-stamp-red-dark:#c22039;--sc-ink-black:#1a1a1a;--sc-paper-cream:#faf7f2;--sc-electric-lime:#c4ff3c;--sc-neon-coral:#ff6b5a;--sc-deep-blue:#2f3b90;--sc-gray-50:#fdfcfa;--sc-gray-100:#f5f0eb;--sc-gray-200:#eae4dd;--sc-gray-300:#d4cdc4;--sc-gray-400:#b5ada3;--sc-gray-500:#968d82;--sc-gray-600:#7a7267;--sc-gray-700:#5c564d;--sc-gray-800:#3d3933;--sc-gray-900:#2d2a26;--sc-success:#22c55e;--sc-success-light:#4ade80;--sc-warning:#f59e0b;--sc-warning-light:#fcd34d;--sc-error:#ef4444;--sc-info:#3b82f6;--sc-gold:#f59e0b;--sc-gold-shimmer:#fbbf24;--sc-gold-dark:#d97706;--bg-primary:var(--sc-paper-cream);--bg-secondary:var(--sc-gray-100);--bg-card:#fff;--bg-card-hover:var(--sc-gray-50);--bg-elevated:#fff;--bg-overlay:rgba(26,26,26,.6);--bg-stamp-section:var(--sc-stamp-red);--bg-ink-section:var(--sc-ink-black);--text-primary:var(--sc-ink-black);--text-secondary:var(--sc-gray-600);--text-tertiary:var(--sc-gray-400);--text-inverse:var(--sc-paper-cream);--text-accent:var(--sc-stamp-red);--border-default:var(--sc-gray-200);--border-subtle:var(--sc-gray-100);--border-strong:var(--sc-gray-300);--border-accent:var(--sc-stamp-red);--accent:var(--sc-stamp-red);--accent-hover:var(--sc-stamp-red-dark);--accent-light:var(--sc-stamp-red-light);--accent-alt:var(--sc-electric-lime)}.dark,[data-theme=dark]{--bg-primary:var(--sc-ink-black);--bg-secondary:var(--sc-gray-900);--bg-card:#252220;--bg-card-hover:#302d28;--bg-elevated:#353029;--bg-overlay:rgba(0,0,0,.75);--bg-stamp-section:var(--sc-stamp-red-dark);--bg-ink-section:#111;--text-primary:var(--sc-paper-cream);--text-secondary:var(--sc-gray-300);--text-tertiary:var(--sc-gray-500);--text-inverse:var(--sc-ink-black);--text-accent:var(--sc-neon-coral);--border-default:var(--sc-gray-800);--border-subtle:var(--sc-gray-900);--border-strong:var(--sc-gray-700);--border-accent:var(--sc-neon-coral);--accent:var(--sc-neon-coral);--accent-hover:#ff8577;--accent-light:#ff9a8f;--accent-alt:var(--sc-electric-lime)}:root{--font-display:"Space Grotesk","Arial Black",sans-serif;--font-display-alt:"Archivo Black",Impact,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:clamp(0.625rem,0.6rem + 0.15vw,0.75rem);--text-sm:clamp(0.75rem,0.725rem + 0.15vw,0.875rem);--text-base:clamp(0.875rem,0.85rem + 0.15vw,1rem);--text-lg:clamp(1rem,0.95rem + 0.3vw,1.25rem);--text-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--text-2xl:clamp(1.5rem,1.35rem + 0.75vw,2rem);--text-3xl:clamp(2rem,1.7rem + 1.5vw,3rem);--text-4xl:clamp(2.5rem,2rem + 2.5vw,4rem);--text-5xl:clamp(3rem,2.2rem + 4vw,5.5rem);--text-hero:clamp(3.5rem,2.5rem + 5vw,7rem);--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:1.85;--tracking-tighter:-0.04em;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.1em;--tracking-widest:0.15em;--tracking-stamp:0.2em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sharp:0.25rem;--radius-default:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:1px 1px 0px var(--sc-ink-black);--shadow-sm:2px 3px 0px var(--sc-ink-black);--shadow-md:4px 6px 0px var(--sc-ink-black);--shadow-lg:6px 8px 0px var(--sc-ink-black);--shadow-xl:8px 10px 0px var(--sc-ink-black);--shadow-2xl:10px 14px 0px var(--sc-ink-black);--shadow-stamp:2px 3px 0px var(--sc-ink-black);--shadow-stamp-sm:1px 2px 0px var(--sc-ink-black);--shadow-stamp-lg:5px 7px 0px var(--sc-ink-black);--shadow-glow-red:4px 5px 0px var(--sc-stamp-red);--shadow-glow-lime:4px 5px 0px var(--sc-electric-lime);--shadow-glow-gold:4px 5px 0px var(--sc-gold);--shadow-inner:none;--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-max:9999;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-stamp:cubic-bezier(0.2,0.8,0.2,1.3);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-slower:600ms;--duration-slowest:1000ms}@keyframes stamp-pop{0%{transform:scale(.4) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}80%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes badge-flip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(1turn)}}@keyframes ink-splash{0%{transform:scale(.3);opacity:0;filter:blur(4px)}50%{filter:blur(0)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes sticker-peel{0%{transform:rotate(-5deg) translateY(10px);opacity:0}to{transform:rotate(0deg) translateY(0);opacity:1}}@keyframes counter-tick{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes grain-loop{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-4px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(.5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:2px 3px 0 var(--sc-ink-black);transform:scale(1)}50%{box-shadow:4px 6px 0 var(--sc-ink-black);transform:scale(1.02)}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-in{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}.animate-stamp-pop{animation:stamp-pop .45s var(--ease-stamp) forwards}.animate-badge-flip{animation:badge-flip .6s var(--ease-default) forwards}.animate-ink-splash{animation:ink-splash .35s var(--ease-out) forwards}.animate-sticker-peel{animation:sticker-peel .4s var(--ease-bounce) forwards}.animate-counter-tick{animation:counter-tick .25s var(--ease-spring)}.animate-float{animation:float 4s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .5s var(--ease-out) forwards}.animate-rotate-in{animation:rotate-in .5s var(--ease-bounce) forwards}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.texture-grain:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5;animation:grain-loop 8s steps(10) infinite;z-index:1}.texture-grain>*{position:relative;z-index:2}.stamp-text{letter-spacing:var(--tracking-stamp);text-shadow:var(--shadow-stamp)}.stamp-text,.stamp-text-sm{font-family:var(--font-display-alt);text-transform:uppercase}.stamp-text-sm{letter-spacing:var(--tracking-wider);text-shadow:var(--shadow-stamp-sm)}.stamp-border{border:3px solid var(--sc-ink-black);border-radius:var(--radius-full);box-shadow:var(--shadow-stamp);transform:rotate(-3deg)}.touch-press{transition:transform var(--duration-instant) var(--ease-default),filter var(--duration-instant) var(--ease-default);-webkit-tap-highlight-color:transparent}.touch-press:active{transform:scale(.96);filter:brightness(.9)}.glass-card{background:#1a1a1a;border:2px solid #3d3933;box-shadow:var(--shadow-lg)}.paper-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.paper-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-ink{background-color:var(--sc-ink-black);color:var(--sc-paper-cream)}.section-ink,.section-stamp{position:relative;overflow:hidden}.section-stamp{background-color:var(--sc-stamp-red);color:#fff}.badge-stamp{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);border:2px solid;box-shadow:var(--shadow-stamp-sm);transform:rotate(-2deg)}.badge-stamp,.btn-stamp{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.btn-stamp{justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl);background-color:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-stamp);transition:all var(--duration-fast) var(--ease-default)}.btn-stamp:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-stamp)}.btn-stamp:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-stamp-sm)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-xl);background-color:transparent;color:var(--text-primary);border:2px solid var(--border-strong);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background-color:rgba(232,54,75,.05)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--sc-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sc-gray-500)}::-moz-selection{background-color:var(--sc-stamp-red);color:#fff}::selection{background-color:var(--sc-stamp-red);color:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{min-height:100vh;line-height:var(--leading-normal)}.type-hero{font-family:var(--font-display-alt);font-size:var(--text-hero);font-weight:var(--weight-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);text-transform:uppercase;color:var(--text-primary)}.type-display{font-size:var(--text-5xl);font-weight:var(--weight-extrabold);color:var(--text-primary)}.type-display,.type-h1{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.type-h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}.type-h2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}.type-h2,.type-h3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.type-h3{font-size:var(--text-2xl)}.type-h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.type-stamp{font-family:var(--font-display-alt);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-stamp)}.type-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.type-body-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.type-body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.type-mono{font-size:var(--text-sm);font-weight:var(--weight-medium)}.type-counter,.type-mono{font-family:var(--font-mono)}.type-counter{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);tabular-nums:1;font-variant-numeric:tabular-nums}.text-accent{color:var(--accent)}.text-lime{color:var(--sc-electric-lime)}.text-gold{color:var(--sc-gold)}.text-success{color:var(--sc-success)}.text-muted{color:var(--text-secondary)}.text-faint{color:var(--text-tertiary)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);position:relative;transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-strong)}.card-feature{border:1px solid var(--border-default);border-left:4px solid var(--accent);border-radius:var(--radius-default) var(--radius-lg) var(--radius-lg) var(--radius-default);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.card-feature,.card-stamp{background:var(--bg-card);padding:var(--space-6);position:relative}.card-stamp{border:2px solid var(--sc-ink-black);border-radius:var(--radius-xl);box-shadow:var(--shadow-stamp);overflow:hidden}.card-stamp:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sc-stamp-red),var(--sc-neon-coral))}.card-glass{background:#1a1a1a;border:2px solid #3d3933;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:4px 6px 0 #0d0d0d;transition:all var(--duration-normal) var(--ease-default)}.card-glass:hover{border-color:#e8364b;box-shadow:5px 7px 0 #0d0d0d}.card-stat{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.card-stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--text-primary);line-height:var(--leading-none);margin-bottom:var(--space-1)}.card-stat__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stamp-circle{width:48px;height:48px;border-radius:var(--radius-full);border:2px dashed var(--sc-gray-300);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--duration-normal) var(--ease-default)}.stamp-circle--filled{border-style:solid;border-color:var(--sc-stamp-red);background-color:var(--sc-stamp-red);color:#fff;box-shadow:var(--shadow-stamp-sm);transform:rotate(-3deg)}.stamp-circle--filled.animate{animation:stamp-pop .45s var(--ease-stamp) forwards}.stamp-circle--reward{border-style:solid;border-color:var(--sc-gold);background:linear-gradient(135deg,var(--sc-gold),var(--sc-gold-shimmer));color:#fff;box-shadow:var(--shadow-glow-gold)}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-3);max-width:400px}.stamp-counter{display:flex;align-items:baseline;gap:var(--space-1)}.stamp-counter__current{font-family:var(--font-display-alt);font-size:var(--text-5xl);font-weight:var(--weight-black);color:var(--accent);line-height:var(--leading-none);text-shadow:var(--shadow-stamp)}.stamp-counter__total{font-size:var(--text-2xl);color:var(--text-tertiary)}.btn-primary,.stamp-counter__total{font-family:var(--font-display);font-weight:var(--weight-bold)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-size:var(--text-base);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#fff;background-color:var(--accent);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-stamp);transition:all var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);background-size:200% 100%;animation:shimmer 4s linear infinite;pointer-events:none}.btn-primary:hover{background-color:var(--accent-hover);transform:translate(-1px,-1px);box-shadow:5px 7px 0 var(--sc-ink-black)}.btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-stamp-sm)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-primary);background-color:transparent;border:2px solid var(--border-strong);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background-color:rgba(232,54,75,.06)}.btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);color:var(--text-primary)}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.btn-stamp-action{width:100%;padding:var(--space-6) var(--space-8);font-family:var(--font-display-alt);font-size:var(--text-2xl);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#fff;background:var(--sc-stamp-red);border:3px solid var(--sc-ink-black);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-stamp),var(--shadow-md);transition:all var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.btn-stamp-action:hover{transform:translateY(-3px);box-shadow:var(--shadow-stamp),var(--shadow-xl)}.btn-stamp-action:active{transform:translateY(2px) scale(.97);box-shadow:var(--shadow-stamp-sm)}.btn-stamp-action--gold{background:linear-gradient(135deg,var(--sc-gold),var(--sc-gold-shimmer));box-shadow:var(--shadow-stamp),var(--shadow-glow-gold)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);white-space:nowrap}.badge--red{background-color:var(--sc-stamp-red);color:#fff}.badge--lime{background-color:var(--sc-electric-lime);color:var(--sc-ink-black)}.badge--gold{background:linear-gradient(135deg,var(--sc-gold),var(--sc-gold-shimmer));color:#fff}.badge--outline{background:transparent;border:2px solid var(--accent);color:var(--accent);transform:rotate(-2deg);box-shadow:var(--shadow-stamp-sm)}.badge--dark{background-color:var(--sc-ink-black);color:var(--sc-paper-cream)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-default);outline:none;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,54,75,.15)}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input--large{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-16) 0}.section--compact{padding:var(--space-10) 0}.section--spacious{padding:var(--space-24) 0}.color-band{position:relative;overflow:hidden}.color-band--red{background-color:var(--sc-stamp-red);color:#fff}.color-band--black{background-color:var(--sc-ink-black);color:var(--sc-paper-cream)}.color-band--cream{background-color:var(--sc-paper-cream);color:var(--sc-ink-black)}.color-band--lime{background-color:var(--sc-electric-lime);color:var(--sc-ink-black)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--sc-paper-cream);border-bottom:2px solid #1a1a1a}.dark .navbar{background-color:#0d0d0d;border-bottom:2px solid #262626}.nav-brand{font-family:var(--font-display-alt);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);color:var(--text-primary)}.nav-brand,.nav-link{text-transform:uppercase;text-decoration:none}.nav-link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default)}.nav-link--active,.nav-link:hover{color:var(--accent)}.ink-splat{position:absolute;width:200px;height:200px;border-radius:40% 60% 70% 30%/40% 50% 60% 50%;opacity:.08;pointer-events:none;z-index:0}.ink-splat--red{background-color:var(--sc-stamp-red)}.ink-splat--lime{background-color:var(--sc-electric-lime)}.ink-splat--black{background-color:var(--sc-ink-black)}.stamp-seal{width:80px;height:80px;border:3px solid var(--accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:var(--shadow-stamp);position:relative}.stamp-seal:before{content:"";position:absolute;inset:4px;border:1px dashed var(--accent);border-radius:var(--radius-full)}.text-rotate{display:inline-block;transform:rotate(-4deg);transform-origin:left center}.sticker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--sc-electric-lime);color:var(--sc-ink-black);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;border-radius:var(--radius-sharp);transform:rotate(-2deg);box-shadow:var(--shadow-stamp-sm);transition:transform var(--duration-fast) var(--ease-bounce)}.sticker:hover{transform:rotate(0deg) scale(1.05)}.tape{position:absolute;width:100px;height:28px;background:rgba(232,54,75,.7);transform:rotate(-5deg);opacity:.85;z-index:5}.tape--lime{background:rgba(196,255,60,.7)}.circle-emphasis{position:relative;display:inline-block}.circle-emphasis:after{content:"";position:absolute;top:-8px;left:-10px;right:-10px;bottom:-8px;border:2px solid var(--accent);border-radius:50%;transform:rotate(-3deg);pointer-events:none;opacity:.7}.doodle-arrow{position:relative;display:inline-block;width:60px;height:2px;background:var(--accent);transform:rotate(-5deg)}.doodle-arrow:after{content:"";position:absolute;right:-2px;top:-4px;width:10px;height:10px;border-right:2px solid var(--accent);border-top:2px solid var(--accent);transform:rotate(45deg)}@media (max-width:639px){.hide-mobile{display:none!important}}@media (min-width:640px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-marquee{display:flex;width:-moz-max-content;width:max-content;animation:marquee-scroll 28s linear infinite}.animate-marquee:hover{animation-play-state:paused}.animate-marquee-fast{display:flex;width:-moz-max-content;width:max-content;animation:marquee-scroll 18s linear infinite}.sticker-hover{transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .2s cubic-bezier(.4,0,.2,1);will-change:transform}.sticker-hover:hover{transform:rotate(calc(var(--base-rot, 0deg) + 4deg)) scale(1.08) translateY(-6px)!important;filter:drop-shadow(6px 8px 0 #1A1A1A)!important;cursor:grab}.sticker-hover:active{transform:rotate(calc(var(--base-rot, 0deg) - 2deg)) scale(.96) translateY(2px)!important;filter:drop-shadow(2px 3px 0 #1A1A1A)!important;cursor:grabbing}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(var(--base-rot,0deg))}50%{transform:translateY(-8px) rotate(calc(var(--base-rot, 0deg) + 2deg))}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(var(--base-rot,0deg))}50%{transform:translateY(7px) rotate(calc(var(--base-rot, 0deg) - 2deg))}}@keyframes doodle-twinkle{0%,to{transform:scale(1) rotate(0deg);opacity:.9}50%{transform:scale(1.15) rotate(12deg);opacity:1}}.animate-float-gentle{animation:float-gentle 4.5s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 5.5s ease-in-out infinite}.animate-doodle-twinkle{animation:doodle-twinkle 3s ease-in-out infinite}@keyframes sticker-wobble{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.15) rotate(-8deg)}40%{transform:scale(1.1) rotate(6deg)}60%{transform:scale(1.05) rotate(-4deg)}80%{transform:scale(1.02) rotate(2deg)}to{transform:scale(1) rotate(0deg)}}.animate-wobble{animation:sticker-wobble .6s cubic-bezier(.2,.8,.2,1)}@keyframes sticker-drift{0%,to{transform:translate(0) rotate(var(--stk-rot,0deg))}25%{transform:translate(4px,-6px) rotate(calc(var(--stk-rot, 0deg) + 3deg))}50%{transform:translate(-2px,-10px) rotate(calc(var(--stk-rot, 0deg) - 2deg))}75%{transform:translate(3px,-4px) rotate(calc(var(--stk-rot, 0deg) + 1.5deg))}}.animate-sticker-drift{animation:sticker-drift 6s ease-in-out infinite}@keyframes sticker-breathe{0%,to{transform:scale(1) rotate(var(--stk-rot,0deg))}50%{transform:scale(1.06) rotate(calc(var(--stk-rot, 0deg) + 1.5deg))}}.animate-sticker-breathe{animation:sticker-breathe 4s ease-in-out infinite}@keyframes sticker-tilt{0%,to{transform:rotate(var(--stk-rot,0deg))}20%{transform:rotate(calc(var(--stk-rot, 0deg) + 6deg))}40%{transform:rotate(calc(var(--stk-rot, 0deg) - 4deg))}60%{transform:rotate(calc(var(--stk-rot, 0deg) + 3deg))}80%{transform:rotate(calc(var(--stk-rot, 0deg) - 1.5deg))}}.animate-sticker-tilt{animation:sticker-tilt 5s ease-in-out infinite}@keyframes stamp-slam{0%{transform:scale(1.6) rotate(calc(var(--stamp-rot, 0deg) - 10deg));opacity:0}60%{transform:scale(.92) rotate(var(--stamp-rot,0deg));opacity:1}85%{transform:scale(1.04) rotate(var(--stamp-rot,0deg))}to{transform:scale(1) rotate(var(--stamp-rot,0deg));opacity:1}}