:root{--cream: #F7F0E5;--cream-light: #FBF7F0;--cream-dark: #EDE3D4;--clay: #D8B892;--clay-light: #E9D5B8;--clay-dark: #B9956C;--terracotta: #C98267;--terracotta-dark: #A9634D;--terracotta-light: #F4DFD7;--olive: #7F876A;--olive-dark: #656D54;--olive-light: #E2E6D8;--brown: #60442E;--brown-dark: #493322;--brown-light: #8E6C4E;--text: #4F3A29;--muted: #806E5D;--border: #E5D5C1;--border-light: #F0E6D8;--white: #FFFDF8;--black: #211913;--gold: #D4A359;--success: #6A8E6F;--success-bg: #EDF5EE;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", system-ui, sans-serif;--shadow-sm: 0 4px 12px rgba(91, 64, 42, .05);--shadow-md: 0 10px 25px rgba(91, 64, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-lg: 0 18px 38px rgba(91, 64, 42, .09), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-clay: 0 12px 30px rgba(91, 64, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .55);--shadow-clay-hover: 0 16px 36px rgba(91, 64, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-floating: 0 25px 50px -12px rgba(91, 64, 42, .18);--shadow-inset: inset 0 2px 4px rgba(91, 64, 42, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--max-width: 1520px;--header-height: 84px;--glass-bg: rgba(251, 247, 240, .72);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: 0 16px 38px rgba(91, 64, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .7);--glass-blur: blur(24px) saturate(160%);--ease-spring: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s var(--ease-spring);--transition-normal: .35s var(--ease-spring);--transition-slow: .6s var(--ease-spring)}:root{--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}@keyframes floatGentle{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-6px,0) rotate(.4deg)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scaleZ(1)}50%{opacity:.85;transform:scale3d(1.03,1.03,1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale3d(.96,.96,1)}to{opacity:1;transform:scaleZ(1)}}.animate-float{animation:floatGentle 6s var(--ease-smooth) infinite;will-change:transform}.animate-pulse-glow{animation:pulseGlow 4s var(--ease-smooth) infinite}.animate-fade-up{animation:fadeSlideUp .45s var(--ease-spring) both;will-change:transform,opacity}.animate-fade-in{animation:fadeIn .25s var(--ease-smooth) both;will-change:opacity}.animate-scale-up{animation:scaleUp .25s var(--ease-spring) both;will-change:transform,opacity}.gpu-accelerated{transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@keyframes marqueeScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.marquee-container{overflow:hidden;width:100%;position:relative;contain:layout paint}.marquee-container:before,.marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:5;pointer-events:none}.marquee-container:before{left:0;background:linear-gradient(to right,var(--cream) 0%,rgba(246,241,235,0) 100%)}.marquee-container:after{right:0;background:linear-gradient(to left,var(--cream) 0%,rgba(246,241,235,0) 100%)}.marquee-container{overflow:hidden;position:relative;contain:paint layout;transform:translateZ(0)}.marquee-track{display:flex;gap:20px;width:max-content;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;user-select:none;-webkit-user-select:none}.ugc-vertical-card{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.marquee-track{gap:14px}.marquee-container:before,.marquee-container:after{width:24px}}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--cream-dark, #ede3d4) 0%,rgba(255,255,255,.8) 50%,var(--cream-dark, #ede3d4) 100%)!important;background-size:200% 100%!important;animation:shimmerPulse 1.5s ease-in-out infinite!important;will-change:background-position}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100vw;overflow-x:hidden}html{font-family:var(--font-main);background-color:var(--cream);color:var(--text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;width:100%;background-color:var(--cream);overflow-x:hidden;line-height:1.55;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--cream);background-image:radial-gradient(rgba(180,150,120,.15) 1.2px,transparent 1.2px),radial-gradient(circle at 12% 15%,rgba(201,130,103,.08) 0%,transparent 42%),radial-gradient(circle at 88% 80%,rgba(127,135,106,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(216,184,146,.06) 0%,transparent 60%);background-size:28px 28px,100% 100%,100% 100%,100% 100%;transform:translateZ(0);will-change:transform}.content-auto{content-visibility:auto;contain-intrinsic-size:350px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--brown);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}h4{font-size:1.2rem}p{color:var(--muted);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{cursor:pointer;font-family:inherit;border:none;background:none;user-select:none;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}button:active{transform:scale(.97)!important}input,textarea,select{font-family:inherit;font-size:.95rem}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}@media(max-width:768px){.container{padding-left:14px;padding-right:14px}}.clay-card{background:var(--cream-light);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease;position:relative}.clay-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -8px #60442e29,0 0 0 1px #c982674d;border-color:#c9826773}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--brown) 0%,var(--brown-dark) 100%);color:var(--cream-light);font-weight:600;font-size:.95rem;padding:13px 26px;border-radius:var(--radius-full);box-shadow:0 6px 18px #60442e40,inset 0 1px #fff3;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:linear-gradient(135deg,var(--brown-dark) 0%,#3a2618 100%);transform:translateY(-2px);box-shadow:0 12px 28px #60442e59}.btn-primary:active{transform:scale(.97) translateY(0)!important}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cream-light);color:var(--brown);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-full);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--white);border-color:var(--clay-dark);color:var(--brown-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-terracotta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);color:var(--white);font-weight:600;font-size:.95rem;padding:13px 26px;border-radius:var(--radius-full);box-shadow:0 6px 20px #c982674d;transition:all var(--transition-fast)}.btn-terracotta:hover{background:linear-gradient(135deg,var(--terracotta-dark) 0%,#8e4a36 100%);transform:translateY(-2px);box-shadow:0 10px 25px #c9826766}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.02em;background:var(--cream-dark);color:var(--brown);border:1px solid var(--border)}.badge-terracotta{background:#c9826726;color:var(--terracotta-dark);border-color:#c982674d}.badge-olive{background:#7f876a26;color:var(--olive-dark);border-color:#7f876a4d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--clay);border-radius:var(--radius-full);border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:var(--clay-dark)}