@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #D4A574;--secondary: #8B6F47;--accent: #F5E6D3;--dark: #3D2817;--light: #FFF9F0;--gradient-melanin: linear-gradient(135deg, #D4A574 0%, #8B6F47 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,Inter,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;line-height:1.2;color:var(--dark)}::selection{background-color:var(--primary);color:#fff}::-moz-selection{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary)}button{cursor:pointer;font-family:inherit;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}@layer components{.container-custom{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.btn-primary{@apply bg-primary-500 text-white px-6 py-3 rounded-lg font-medium hover:bg-primary-600 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;}.btn-secondary{@apply bg-secondary-500 text-white px-6 py-3 rounded-lg font-medium hover:bg-secondary-600 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2;}.btn-outline{@apply border-2 border-primary-500 text-primary-500 px-6 py-3 rounded-lg font-medium hover:bg-primary-500 hover:text-white transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;}.input-field{@apply w-full px-4 py-3 border border-primary-200 rounded-lg focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-colors duration-300 placeholder:text-gray-400;}.card{@apply bg-white rounded-2xl shadow-soft p-6 hover:shadow-glow transition-shadow duration-300;}.gradient-text{@apply bg-gradient-melanin bg-clip-text text-transparent;}.section-padding{@apply py-16 md:py-24;}}@layer utilities{.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(212,165,116,.2),transparent);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}}@media (max-width: 640px){html{font-size:14px}}@media (min-width: 1024px){html{font-size:16px}}.pwa-install-prompt{@apply fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:w-96 bg-white rounded-2xl shadow-glow p-6 transform transition-transform duration-300 z-50;}.pwa-install-prompt.hidden{@apply translate-y-[120%];}.spinner{@apply w-12 h-12 border-4 border-primary-200 border-t-primary-500 rounded-full animate-spin;}.toast-notification{@apply bg-white border border-primary-200 rounded-lg shadow-soft p-4 flex items-center gap-3;}.gpu-accelerated{transform:translateZ(0);will-change:transform}body{text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}.bg-image-overlay{position:relative}.bg-image-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#00000080);z-index:1}.bg-image-overlay>*{position:relative;z-index:2}