@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 98%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 72% 47%;--primary-foreground: 0 0% 98%;--secondary: 43 77% 53%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 93%;--muted-foreground: 0 0% 45%;--accent: 43 77% 53%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 43 77% 53%;--radius: .5rem}*{@apply border-border;scroll-behavior:smooth}body{@apply bg-background text-foreground font-sans;}.container{@apply px-4 md:px-6 lg:px-8 xl:px-0;max-width:1280px;margin:0 auto}.gold-gradient{background:linear-gradient(90deg,#d4af37,wheat,#d4af37)}.hover-lift{@apply transition-transform duration-300;}.hover-lift:hover{transform:translateY(-4px)}.service-card{@apply bg-white rounded-xl shadow-lg p-6 transition-all duration-300 hover:shadow-xl;border:1px solid rgba(212,175,55,.2)}.service-card:hover{border:1px solid rgba(212,175,55,.6)}.section-spacing{@apply py-16 md:py-24;}.element-spacing{@apply mb-6 md:mb-8;}.heading-xl{@apply text-3xl md:text-4xl lg:text-5xl font-bold font-serif;}.heading-lg{@apply text-2xl md:text-3xl font-bold font-serif;}.heading-md{@apply text-xl md:text-2xl font-semibold font-serif;}.heading-sm{@apply text-lg md:text-xl font-semibold font-serif;}.btn-primary{@apply bg-detailing-red text-white rounded-md px-6 py-3 font-medium hover:bg-detailing-darkRed transition-colors;}.btn-secondary{@apply bg-detailing-gold text-detailing-black rounded-md px-6 py-3 font-medium hover:bg-detailing-lightGold transition-colors;}.btn-outline{@apply bg-transparent border border-detailing-gold text-detailing-black rounded-md px-6 py-3 font-medium hover:bg-detailing-gold/10 transition-colors;}*:focus-visible{@apply outline-none ring-2 ring-offset-2 ring-detailing-gold;}}@layer components{.form-control{@apply flex flex-col space-y-2 mb-4;}.form-label{@apply text-sm font-medium;}.badge-primary{@apply bg-detailing-red/10 text-detailing-red text-xs px-2 py-0.5 rounded-full;}.badge-secondary{@apply bg-detailing-gold/10 text-detailing-gold text-xs px-2 py-0.5 rounded-full;}.badge-outline{@apply bg-transparent border border-detailing-gold text-detailing-gold text-xs px-2 py-0.5 rounded-full;}.custom-scrollbar{@apply scrollbar-thin scrollbar-thumb-detailing-gold scrollbar-track-transparent;}.glass-effect{@apply backdrop-blur-md bg-white/80 border border-white/20 shadow-lg;}.premium-card{@apply relative overflow-hidden rounded-xl shadow-xl transition-all duration-300;background:linear-gradient(45deg,#d4af370d,#ffffffe6);border:1px solid rgba(212,175,55,.2)}.premium-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026;border:1px solid rgba(212,175,55,.4)}.premium-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#d4af3726,#fff0 70%);opacity:0;transition:opacity .3s ease}.premium-card:hover:before{opacity:1}.btn-premium{@apply relative overflow-hidden bg-gradient-to-r from-detailing-gold to-detailing-lightGold text-detailing-black font-medium rounded-md px-6 py-3 shadow-md hover:shadow-lg transition-all duration-300 flex items-center justify-center;}.btn-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#fff0,#ffffff1a,#fff0);transform:rotate(45deg);transition:all .6s ease}.btn-premium:hover:after{left:100%;top:100%}.text-highlight{@apply relative inline-block;}.text-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background-color:#d4af3733;z-index:-1;transition:height .3s ease}.text-highlight:hover:after{height:100%}.input-focus-gold{@apply focus:border-detailing-gold focus:ring-1 focus:ring-detailing-gold/30 transition-all;}.input-error{@apply border-red-500 focus:border-red-500 focus:ring-red-500;}.input-success{@apply border-green-500 focus:border-green-500 focus:ring-green-500;}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover-slide-bg{@apply relative overflow-hidden;}.hover-slide-bg:after{@apply absolute inset-0 -z-10 opacity-0 transition-all duration-300;content:"";background:linear-gradient(to right,var(--detailing-darkRed),var(--detailing-red));transform:translate(-100%)}.hover-slide-bg:hover:after{@apply opacity-100;transform:translate(0)}}
