@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg-surface: #FAF7F2;--color-card-surface: #FFFFFF;--color-primary-gold: #D4AF37;--color-primary-gold-dark: #C59B27;--color-primary-gold-light: #E5C158;--color-dark-accent: #0D0B08;--color-dark-surface: #17130E;--color-warm-amber: #966827;--color-bronze: #B87333;--color-cream: #F4EFE6;--color-text-primary: #0D0B08}@layer base{body{background-color:var(--color-bg-surface);color:var(--color-text-primary);font-family:Outfit,sans-serif}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Cinzel,Cormorant Garamond,serif;letter-spacing:.02em}}@layer components{.text-gold-foil,.text-gold-luxury{background:linear-gradient(135deg,#fbf5b7,#d4af37,#fff2cc,#aa771c,#f3e0a3);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:goldTextShimmer 6s ease-in-out infinite;display:inline-block}.btn-gold-luxury,.btn-gradient-cta,.btn-shining-gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#fbf5b7,#d4af37 30%,#c59b27 70%,#966827);color:#0b0907;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:.5rem;box-shadow:0 4px 18px #d4af3766,0 0 30px #d4af3733;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(251,245,183,.8);display:inline-flex;align-items:center;justify-content:center;z-index:1}.btn-gold-luxury:after,.btn-gradient-cta:after,.btn-shining-gold:after{content:"";position:absolute;top:-50%;left:-100%;width:35%;height:200%;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);transform:rotate(25deg);animation:buttonGlint 3.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:2}.btn-gold-luxury:hover,.btn-gradient-cta:hover,.btn-shining-gold:hover{background:linear-gradient(135deg,#fff6bd,#e5c158 30%,#d4af37 70%,#aa771c);box-shadow:0 6px 28px #d4af37a6,0 0 45px #d4af3759;transform:translateY(-2px);color:#000}.btn-gold-outline,.btn-shining-outline{position:relative;overflow:hidden;background:#0b0907bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#faf7f2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid #D4AF37;border-radius:.5rem;box-shadow:0 0 15px #d4af3726;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;z-index:1}.btn-gold-outline:after,.btn-shining-outline:after{content:"";position:absolute;top:-50%;left:-120%;width:30%;height:200%;background:linear-gradient(90deg,#d4af3700,#fbf5b780,#d4af3700);transform:rotate(25deg);animation:buttonGlint 4.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:2}.btn-gold-outline:hover,.btn-shining-outline:hover{background:linear-gradient(135deg,#d4af3740,#c59b2759);border-color:#fbf5b7;color:#fff;box-shadow:0 0 25px #d4af3773;transform:translateY(-2px)}.btn-royal,.btn-dark{background:#0b0907;color:#d4af37;border:1px solid rgba(212,175,55,.4);box-shadow:0 4px 15px #0009;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-royal:hover,.btn-dark:hover{background:#14100b;border-color:#e5c158;box-shadow:0 6px 20px #d4af374d;transform:translateY(-1px)}.card-obsidian-luxury{background:linear-gradient(145deg,#18130d,#0f0c08);border:1px solid rgba(212,175,55,.25);box-shadow:0 10px 30px -10px #000000e6,0 0 20px #d4af3714;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:1rem;position:relative;overflow:hidden}.card-obsidian-luxury:hover{border-color:#fbf5b799;box-shadow:0 16px 40px -10px #000000f2,0 0 30px #d4af374d;transform:translateY(-4px)}.card-elevated{background-color:#fff;border:1px solid rgba(212,175,55,.2);box-shadow:0 4px 15px #0b09070d;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:1rem}.card-elevated:hover{box-shadow:0 12px 32px #d4af3738,0 4px 12px #0b090714;border-color:#d4af378c;transform:translateY(-4px)}.border-gold-filigree{border-color:#d4af3759}.border-gold-filigree:hover{border-color:#fbf5b7d9}.glow-amber{box-shadow:0 0 25px #d4af3740}.glow-24k-gold{box-shadow:0 0 35px #d4af3773}@keyframes buttonGlint{0%{left:-120%}25%,to{left:160%}}@keyframes goldTextShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}}@layer utilities{.aspect-\[3\/4\],.aspect-3\/4{aspect-ratio:3 / 4}.aspect-\[3\/1\],.aspect-3\/1{aspect-ratio:3 / 1}.aspect-\[21\/9\],.aspect-21\/9{aspect-ratio:21 / 9}.aspect-\[16\/9\],.aspect-16\/9{aspect-ratio:16 / 9}.aspect-\[4\/3\],.aspect-4\/3{aspect-ratio:4 / 3}}