:root{--color-primary: #facc15;--color-primary-dark: #eab308;--color-secondary: #22d3ee;--color-accent-pink: #f472b6;--color-accent-purple: #c084fc;--color-black: #000000;--color-dark: #1a1a1a;--color-white: #ffffff;--color-gray-light: #f3f4f6;--color-light-gray: #f3f4f6;--color-gray: #6b7280;--color-error: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-info: #3b82f6;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-light);--bg-accent: var(--color-secondary);--border-width: 4px;--border-color: var(--color-black);--border-radius: 0;--border-radius-sm: .25rem;--shadow-sm: 2px 2px 0px 0px rgba(0, 0, 0, 1);--shadow-md: 4px 4px 0px 0px rgba(0, 0, 0, 1);--shadow-lg: 6px 6px 0px 0px rgba(0, 0, 0, 1);--shadow-xl: 8px 8px 0px 0px rgba(0, 0, 0, 1);--shadow-2xl: 12px 12px 0px 0px rgba(0, 0, 0, 1);--shadow-brutal: 4px 4px 0px 0px var(--color-dark);--shadow-brutal-sm: 2px 2px 0px 0px var(--color-dark);--shadow-brutal-lg: 6px 6px 0px 0px var(--color-dark);--shadow-brutal-xl: 8px 8px 0px 0px var(--color-dark);--font-sans: system-ui, -apple-system, sans-serif;--font-weight-normal: 600;--font-weight-bold: 900;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-black);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:4rem;font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}h2,.h2{font-size:3rem;font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--spacing-md)}h3,.h3{font-size:2rem;font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-sm)}h4,.h4{font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.4;margin-bottom:var(--spacing-sm)}h5,.h5{font-size:1.25rem;font-weight:var(--font-weight-bold);line-height:1.5;margin-bottom:var(--spacing-xs)}h6,.h6{font-size:1rem;font-weight:var(--font-weight-bold);line-height:1.5;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}p,.body{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.6;margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none}.eyebrow{display:inline-block;font-size:.875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:var(--color-black);padding:.5rem 1rem;border:var(--border-width) solid var(--border-color);margin-bottom:var(--spacing-sm)}.eyebrow--rotated{transform:rotate(-2deg)}.eyebrow--small{font-size:.75rem;padding:.25rem .75rem}@keyframes shadow-shift{0%{transform:translate(0);box-shadow:var(--shadow-lg)}to{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}}@keyframes shadow-press{0%{transform:translate(0);box-shadow:var(--shadow-lg)}to{transform:translate(6px,6px);box-shadow:none}}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover,.hover-lift:focus{transform:translate(-2px,-2px);box-shadow:var(--shadow-xl)}.hover-lift:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.hover-shift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-shift:hover,.hover-shift:focus{transform:translate(1px,1px);box-shadow:var(--shadow-md)}.hover-shift:active{transform:translate(4px,4px);box-shadow:none}.btn{display:inline-block;padding:1rem 2rem;font-size:.875rem;font-weight:var(--font-weight-bold);text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--border-color);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-lg)}.btn:hover,.btn:focus{transform:translate(1px,1px);box-shadow:var(--shadow-md);outline:none}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-lg)}.btn-primary{background:var(--color-primary);color:var(--color-black)}.btn-primary:hover,.btn-primary:focus{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-white);color:var(--color-black)}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-gray-light)}.btn-dark{background:var(--color-black);color:var(--color-white)}.btn-dark:hover,.btn-dark:focus{background:#1a1a1a}.btn-link{background:transparent;border:none;box-shadow:none;padding:0;font-weight:var(--font-weight-bold);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;transition:text-decoration-color var(--transition-fast)}.btn-link:hover,.btn-link:focus{transform:none;box-shadow:none;text-decoration-color:var(--color-primary)}.btn-link:active{transform:none}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1.25rem 2.5rem;font-size:1rem}.input{width:100%;padding:1rem;font-size:1rem;font-weight:var(--font-weight-normal);color:var(--color-black);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.input:hover{box-shadow:var(--shadow-lg)}.input:focus{outline:none;box-shadow:0 0 0 4px var(--color-primary)}.input::placeholder{color:var(--color-gray);font-weight:var(--font-weight-normal)}.input:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-bold);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-error{display:block;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:var(--font-weight-bold);color:#ef4444;background:#fee2e2;border:var(--border-width) solid #ef4444}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:1rem 1.5rem;font-weight:var(--font-weight-bold);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-xl);z-index:1000;animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translate(400px)}to{transform:translate(0)}}.toast--error{background:#fee2e2;color:#ef4444;border-color:#ef4444}.toast--success{background:#d1fae5;color:#10b981;border-color:#10b981}.toast--info{background:var(--color-primary);color:var(--color-black)}.checkbox{position:relative;display:inline-block;width:1.5rem;height:1.5rem;cursor:pointer}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox-mark{position:absolute;top:0;left:0;width:1.5rem;height:1.5rem;background:var(--color-white);border:var(--border-width) solid var(--border-color);transition:background var(--transition-fast)}.checkbox input:checked~.checkbox-mark{background:var(--color-primary)}.checkbox-mark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-black);opacity:0}.checkbox input:checked~.checkbox-mark:after{opacity:1}.checkbox input:focus~.checkbox-mark{box-shadow:0 0 0 4px var(--color-secondary)}.radio{position:relative;display:inline-block;width:1.5rem;height:1.5rem;cursor:pointer}.radio input{position:absolute;opacity:0;cursor:pointer}.radio-mark{position:absolute;top:0;left:0;width:1.5rem;height:1.5rem;background:var(--color-white);border:var(--border-width) solid var(--border-color);border-radius:50%;transition:background var(--transition-fast)}.radio input:checked~.radio-mark{background:var(--color-primary)}.radio-mark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--color-black);border-radius:50%;opacity:0}.radio input:checked~.radio-mark:after{opacity:1}.radio input:focus~.radio-mark{box-shadow:0 0 0 4px var(--color-secondary)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.selection-option{position:relative;padding:1.5rem;background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-base)}.selection-option:hover{box-shadow:var(--shadow-lg)}.selection-option input{position:absolute;opacity:0}.selection-option input:checked~.selection-content{background:var(--color-primary)}.selection-option input:focus~.selection-content{outline:4px solid var(--color-secondary);outline-offset:-4px}.selection-content{font-weight:var(--font-weight-bold);transition:background var(--transition-fast)}.image-container{position:relative;overflow:hidden;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-lg)}.image-container img{display:block;width:100%;height:100%;object-fit:cover}.image-container--hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.image-container--hover:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-2xl)}.image-container--rotated{transform:rotate(-2deg)}.image-container--rotated:hover{transform:rotate(0)}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-bold);border-top:var(--border-width) solid var(--border-color)}.pill{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:var(--font-weight-bold);background:var(--color-primary);color:var(--color-black);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.pill--secondary{background:var(--color-secondary)}.pill--pink{background:var(--color-accent-pink)}.pill--purple{background:var(--color-accent-purple)}.pill--white{background:var(--color-white)}.pill--small{padding:.25rem .75rem;font-size:.75rem}.pill--large{padding:.75rem 1.5rem;font-size:1rem}.pill--interactive{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pill--interactive:hover,.pill--interactive:focus{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.pill--interactive:active{transform:translate(1px,1px);box-shadow:none}.pill-collection{display:flex;flex-wrap:wrap;gap:.5rem}.pill-collection--center{justify-content:center}.pill-collection--spaced{gap:1rem}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.border-brutal{border:var(--border-width) solid var(--border-color)}.border-top-brutal{border-top:var(--border-width) solid var(--border-color)}.border-bottom-brutal{border-bottom:var(--border-width) solid var(--border-color)}.shadow-brutal-sm{box-shadow:var(--shadow-sm)}.shadow-brutal-md{box-shadow:var(--shadow-md)}.shadow-brutal-lg{box-shadow:var(--shadow-lg)}.shadow-brutal-xl{box-shadow:var(--shadow-xl)}.shadow-brutal-2xl{box-shadow:var(--shadow-2xl)}.rotate-slight{transform:rotate(-2deg)}.rotate-slight-positive{transform:rotate(2deg)}.bg-primary{background:var(--color-primary)}.bg-secondary{background:var(--color-secondary)}.bg-pink{background:var(--color-accent-pink)}.bg-purple{background:var(--color-accent-purple)}.bg-black{background:var(--color-black);color:var(--color-white)}.bg-white{background:var(--color-white)}.bg-gray-light{background:var(--color-gray-light)}.card{background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.card--sm{padding:var(--spacing-sm);box-shadow:var(--shadow-md)}.card--lg{padding:var(--spacing-xl);box-shadow:var(--shadow-xl)}.card--no-padding{padding:0}.card--primary{background:var(--color-primary)}.card--secondary{background:var(--color-secondary)}.card--dark{background:var(--color-black);color:var(--color-white)}.card--gray{background:var(--color-gray-light)}.card--interactive{transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer}.card--interactive:hover,.card--interactive:focus-within{transform:translate(-2px,-2px);box-shadow:var(--shadow-xl)}.card--interactive:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.card__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);background:var(--color-gray-light)}.card__body{padding:var(--spacing-lg)}.card__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:var(--border-width) solid var(--border-color);background:var(--color-gray-light)}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--full{max-width:100%}.grid{display:grid;gap:var(--spacing-md)}.grid--sm{gap:var(--spacing-sm)}.grid--lg{gap:var(--spacing-lg)}.grid--xl{gap:var(--spacing-xl)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit--sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit--lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.margin-top-xs{margin-top:var(--spacing-xs)}.margin-top-sm{margin-top:var(--spacing-sm)}.margin-top-md{margin-top:var(--spacing-md)}.margin-top-lg{margin-top:var(--spacing-lg)}.margin-top-xl{margin-top:var(--spacing-xl)}.margin-bottom-xs{margin-bottom:var(--spacing-xs)}.margin-bottom-sm{margin-bottom:var(--spacing-sm)}.margin-bottom-md{margin-bottom:var(--spacing-md)}.margin-bottom-lg{margin-bottom:var(--spacing-lg)}.margin-bottom-xl{margin-bottom:var(--spacing-xl)}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}