@tailwind base;@tailwind components;@tailwind utilities;:root{--warm-cream: #FAF8F5;--acrylic-white: #FFFFFF;--dark-roast: #4A2511;--medium-brown: #8B5A3C;--soft-brown: #786C66;--ink-brown: #2D160A;--terracotta: #E07A5F;--teal: #4A9B8E;--forest-green: #3D5A4C;--rust-brown: #8B4513;--sun-yellow: #F7BF4F;--leaf-green: #98B66E;--shadow-hard-color: rgba(74, 37, 17, .1);--shadow-hard-sm: 0px 4px 0px var(--shadow-hard-color);--shadow-hard-md: 0px 8px 0px var(--shadow-hard-color);--shadow-hard-lg: 0px 12px 0px var(--shadow-hard-color)}[data-theme=dark]{--warm-cream: #1A110D;--acrylic-white: #2D1D15;--dark-roast: #FAF8F5;--medium-brown: #D4BCAA;--soft-brown: #9E8B83;--shadow-hard-color: rgba(0, 0, 0, .4)}body{margin:0;padding:0;width:100%;font-family:Outfit,Nunito,sans-serif;background-color:var(--warm-cream);color:var(--medium-brown);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow-x:hidden}.fixed{-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{color:var(--dark-roast);font-weight:800;letter-spacing:-.01em}.acrylic-card{background:var(--acrylic-white);border:3px solid rgba(74,37,17,.08);border-radius:2.5rem;box-shadow:var(--shadow-hard-md);transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.brand-accent-bottom{position:absolute;bottom:0;left:0;right:0;height:8px}.acrylic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hard-lg)}@media(max-width:640px){.acrylic-card{border-radius:1.5rem;border-width:2px}}.btn-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:1rem 2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all .15s ease;border:none;cursor:pointer;gap:.5rem}@media(max-width:640px){.btn-pill{padding:.75rem 1.5rem;font-size:.75rem}}.btn-terracotta{background-color:var(--terracotta);color:#fff;box-shadow:0 4px #c05f45}.btn-terracotta:hover{transform:translateY(-2px);box-shadow:0 6px #c05f45}.btn-terracotta:active{transform:translateY(2px);box-shadow:0 2px #c05f45}.btn-dark-roast{background-color:var(--dark-roast);color:#fff;box-shadow:0 4px #2d160a}.btn-dark-roast:hover{transform:translateY(-2px);box-shadow:0 6px #2d160a}.btn-dark-roast:active{transform:translateY(2px);box-shadow:0 2px #2d160a}.btn-teal{background-color:var(--teal);color:#fff!important;box-shadow:0 4px #34766c}.btn-forest{background-color:var(--forest-green);color:#fff!important;box-shadow:0 4px #2a3e34}.acrylic-input{background:#fff;border:2px solid rgba(139,90,60,.1);border-radius:1.5rem;color:var(--dark-roast);padding:1.25rem;font-family:inherit;font-weight:600;width:100%;transition:border-color .2s}@media(max-width:640px){.acrylic-input{padding:1rem;border-radius:1rem}}.acrylic-input:focus{outline:none;border-color:var(--teal);box-shadow:var(--shadow-hard-sm)}input[type=password]::-webkit-reveal{display:none!important}input[type=password]::-webkit-contacts-auto-fill-button{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}@keyframes pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275) forwards}.bg-warm-cream{background-color:var(--warm-cream)}.text-dark-roast{color:var(--dark-roast)}.text-medium-brown{color:var(--medium-brown)}.shadow-hard{box-shadow:var(--shadow-hard-md)}.perspective-2000{perspective:2000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.rotate-y-0{transform:rotateY(0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}@keyframes scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scale-up .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-subtle{0%,to{box-shadow:0 0 #58cc024d}50%{box-shadow:0 0 0 10px #58cc0200}}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 3s ease-in-out infinite}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}button,a,[role=button]{min-height:44px;min-width:44px}button,a,img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.scroll-smooth{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media(max-height:500px)and (orientation:landscape){header{padding-top:.25rem!important;padding-bottom:.25rem!important}header img{width:2rem!important;height:2rem!important}h1.text-4xl,h1.md\:text-6xl{font-size:1.5rem!important}.animate-float,.baobab-tree{display:none!important}}@media(max-width:360px){.acrylic-card{border-radius:1rem}.btn-pill{padding:.6rem 1rem;font-size:.7rem}}@media(min-width:641px)and (max-width:1024px){.acrylic-card{border-radius:2rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.acrylic-card{border-width:1.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:1440px){.container{max-width:1100px}}@media(max-width:480px){html{font-size:14px}.text-5xl{font-size:2.5rem}.text-7xl{font-size:3.5rem}}.overflow-y-auto,.overflow-y-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media(max-width:768px){button,a,[role=button]{min-height:44px}}*{-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){.acrylic-card:hover{transform:none;box-shadow:var(--shadow-hard-md)}.btn-terracotta:hover,.btn-teal:hover,.btn-dark-roast:hover{transform:none}}
