:root{--color-primary: #E83038;--color-primary-dark: #C4252D;--color-dark: #282828;--color-accent: #F89840;--color-accent-light: #FDE8CF;--color-teal: #7CC8C6;--color-cream: #FDFCF8;--color-white: #FFFFFF;--color-gray-100: #F2F2F2;--color-gray-500: #7A7A7A;--color-success: #2E9E5B;--color-warning: #F0B429;--color-error: #D93025;--font-display: "Titan One", "Baloo 2", sans-serif;--font-heading: "Baloo 2", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-pill: 999px;--border-width: 2px;--shadow-sticker: 4px 4px 0 var(--color-dark);--shadow-sticker-hover: 6px 6px 0 var(--color-dark);--shadow-sticker-pressed: 2px 2px 0 var(--color-dark);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .08);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--max-width-content: 1200px;--header-height: 64px}@media(min-width:768px){:root{--header-height: 72px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--space-2))}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-dark);background:var(--color-cream);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--color-primary-dark)}:focus-visible{outline:3px solid var(--color-dark);outline-offset:2px}h1,h2,h3,h4{margin:0 0 var(--space-2);font-family:var(--font-heading);line-height:1.15}h1{font-size:clamp(2rem,6vw,2.75rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:800}h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700}h4{font-size:1.125rem;font-weight:700}.display-heading{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:400;font-size:clamp(2.75rem,9vw,3.5rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--color-white);-webkit-text-stroke:3px var(--color-dark);paint-order:stroke fill}.container{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--space-2)}@media(min-width:768px){.container{padding-inline:var(--space-3)}}.page{padding-block:var(--space-4)}@media(min-width:768px){.page{padding-block:var(--space-5)}}.page__note{color:var(--color-gray-500)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-2);z-index:200}.skip-link:focus{top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:10px 22px;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;line-height:1.1;text-decoration:none;cursor:pointer;border:var(--border-width) solid var(--color-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-sticker);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-hover)}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-sticker-pressed)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-gray-100);color:var(--color-gray-500);box-shadow:none;transform:none;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-white);color:var(--color-dark)}.btn--icon{width:44px;padding:0}.btn--block{width:100%}.card{padding:var(--space-3);background:var(--color-white);border:var(--border-width) solid var(--color-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-sticker)}.card--interactive{transition:transform .12s ease,box-shadow .12s ease}.card--interactive:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-hover)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-dark);background:var(--color-accent);border:var(--border-width) solid var(--color-dark);border-radius:var(--radius-pill)}.badge--teal{background:var(--color-teal)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
