@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;700;800&family=JetBrains+Mono:wght@500&display=swap";
:root{--color-brand-pink:#ec4899;--color-brand-gold:#d4af37;--color-primary:#b10e6b;--color-primary-container:#d23284;--color-primary-fixed:#ffd9e4;--color-secondary:#735c00;--color-secondary-container:#fed65b;--color-brand:#d4af37;--color-brand-dark:#b59325;--color-brand-light:#fef3c7;--color-brand-subtle:#fffbeb;--color-bg:#fff;--color-bg-secondary:#fafafa;--color-surface:#fff;--color-surface-container:#f8fafc;--color-surface-container-high:#f1f5f9;--color-surface-elevated:#fff;--color-border:#e2e8f0;--color-border-subtle:#cbd5e1;--color-text-primary:#25181d;--color-text-secondary:#574048;--color-text-muted:#8b7079;--color-success:#136b00;--color-danger:#ba1a1a;--color-sale:#b10e6b;--color-action-pink:#ec4899;--header-height:80px;--font-mono:"JetBrains Mono", monospace;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:8px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px 0 #ec48990d;--shadow-md:0 4px 20px -2px #ec48991f;--shadow-lg:0 10px 30px #ec48992e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background-color:var(--color-bg);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;max-width:100%}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:1280px;padding-inline:var(--space-4);box-sizing:border-box;margin-inline:auto}@media (min-width:640px){.container{padding-inline:var(--space-8)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;max-width:100%;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:640px){.btn{white-space:normal;text-align:center}}.btn-primary{background:var(--color-brand);color:#fff;border:2px solid var(--color-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-action-pink{background:var(--color-action-pink);color:#fff;border:2px solid var(--color-action-pink);box-shadow:var(--shadow-sm)}.btn-action-pink:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--color-brand);border:2px solid var(--color-brand);background:#fff}.btn-secondary:hover{background:var(--color-brand-subtle)}.btn-ghost{color:var(--color-text-secondary);border:2px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-elevated);border-color:var(--color-brand);color:var(--color-brand)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.badge-sale{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.badge-bundle{background:var(--color-brand-light);color:var(--color-brand-dark);border:1px solid #93c5fd}.badge-new{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.divider{background:var(--color-border);height:1px;margin-block:var(--space-6);border:none}
