:root{--color-cream: #FFF8F0;--color-cork: #D4A574;--color-sienna: #C75B39;--color-teal: #5B8C8A;--color-charcoal: #3A2E2B;--color-gold: #D4A017;--bg-color-main: var(--color-cream);--text-main: var(--color-charcoal);--font-headline: "Caveat", cursive, system-ui;--font-body: "Nunito", sans-serif, system-ui;--font-accent: "Special Elite", monospace, system-ui;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--shadow-flat: 2px 2px 0px rgba(0,0,0,.1);--shadow-lifted: 0 4px 6px -1px rgba(0,0,0,.15), 0 2px 4px -1px rgba(0,0,0,.1);--shadow-floating: 0 10px 15px -3px rgba(0,0,0,.2), 0 4px 6px -2px rgba(0,0,0,.1);--transition-fast: .15s ease-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease-in-out}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-color-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);margin-top:0}.card{background-color:#fff;padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lifted);border-radius:4px;margin-bottom:var(--spacing-md)}.polaroid{background:#fff;padding:var(--spacing-sm);padding-bottom:40px;box-shadow:var(--shadow-floating);display:inline-block;transform:rotate(-2deg);transition:transform var(--transition-normal)}.polaroid:hover{transform:scale(1.05) rotate(1deg);z-index:10}.btn-cta{background-color:var(--color-gold);color:var(--color-charcoal);font-family:var(--font-headline);font-size:1.5rem;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px #b08514,var(--shadow-floating);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-cta:active{transform:translateY(4px);box-shadow:0 0 #b08514,var(--shadow-lifted)}.sticky-note{background-color:#ffd800;color:var(--color-charcoal);font-family:var(--font-accent);padding:var(--spacing-lg);box-shadow:2px 2px 5px #0003;transform:rotate(2deg);width:200px;min-height:200px}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;display:block}#root{min-height:100vh;display:flex;flex-direction:column}
