@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #fdfbf7;--glass-panel-bg: rgba(255, 255, 255, .75);--glass-panel-border: rgba(212, 175, 55, .3);--glass-panel-inner-light: rgba(255, 255, 255, .6);--glass-card-bg: rgba(255, 255, 255, .65);--glass-card-hover-bg: rgba(255, 255, 255, .85);--glass-card-border: rgba(212, 175, 55, .25);--glass-card-inner-light: rgba(255, 255, 255, .5);--glass-button-bg: linear-gradient(135deg, #fff 0%, #fefce8 100%);--glass-button-border: rgba(212, 175, 55, .4);--glass-shadow: 0 4px 15px -1px rgba(212, 175, 55, .1), 0 2px 4px -1px rgba(0, 0, 0, .05);--scrollbar-track: #f5f5f5;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #d4af37;--blob-opacity: .35;--blob-1-start: #fcd34d;--blob-1-end: transparent;--blob-2-start: #d4af37;--blob-2-end: transparent;--blob-3-start: #fbbf24;--blob-3-end: transparent;--highlight-top: rgba(255, 255, 255, .8);--highlight-bottom: rgba(255, 255, 255, .3);--input-bg: rgba(255, 255, 255, .6);--input-border: rgba(200, 200, 200, .5);--input-text: #1e293b;--input-placeholder: #9ca3af}.dark{--bg-color: #050505;--glass-panel-bg: rgba(18, 18, 18, .65);--glass-panel-border: rgba(255, 255, 255, .08);--glass-panel-inner-light: rgba(255, 255, 255, .03);--glass-card-bg: rgba(26, 26, 26, .6);--glass-card-hover-bg: rgba(30, 30, 30, .8);--glass-card-border: rgba(255, 255, 255, .08);--glass-card-inner-light: rgba(255, 255, 255, .04);--glass-button-bg: rgba(255, 255, 255, .03);--glass-button-border: rgba(255, 255, 255, .1);--glass-shadow: 0 20px 40px -10px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .05) inset;--scrollbar-track: #0a0a0a;--scrollbar-thumb: #333333;--scrollbar-thumb-hover: #d4af37;--blob-opacity: .15;--blob-1-start: #78350f;--blob-1-end: transparent;--blob-2-start: #451a03;--blob-2-end: transparent;--blob-3-start: #ca8a04;--blob-3-end: transparent;--highlight-top: rgba(255, 255, 255, .15);--highlight-bottom: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .08);--input-text: white;--input-placeholder: #9ca3af}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;letter-spacing:-.01em;background-color:var(--bg-color);color:var(--input-text);@apply transition-colors duration-300;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;background-image:radial-gradient(circle at 15% 50%,rgba(212,175,55,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.05),transparent 25%);background-attachment:fixed}button,input,select,textarea,a{touch-action:manipulation}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dark body{background-image:radial-gradient(circle at 15% 50%,rgba(212,175,55,.03),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,255,255,.02),transparent 25%)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em;@apply text-slate-900 dark:text-gray-100;}.fluid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:var(--bg-color);overflow:hidden;transition:background-color .5s ease}.fluid-blob{position:absolute;filter:blur(80px);opacity:var(--blob-opacity);animation:float 25s infinite alternate;border-radius:50%;transition:background .5s ease}.blob-1{top:-10%;left:-20%;width:60vw;height:60vw;background:radial-gradient(circle,var(--blob-1-start) 0%,var(--blob-1-end) 70%);animation-duration:35s}.blob-2{bottom:-20%;right:-20%;width:70vw;height:70vw;background:radial-gradient(circle,var(--blob-2-start) 0%,var(--blob-2-end) 70%);animation-duration:40s;animation-delay:-5s}.blob-3{top:20%;left:30%;width:50vw;height:50vw;background:radial-gradient(circle,var(--blob-3-start) 0%,var(--blob-3-end) 70%);animation-duration:30s;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(30px,40px) scale(1.05) rotate(5deg)}to{transform:translate(-20px,-20px) scale(.95) rotate(-5deg)}}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,#d4af3700,#d4af3733,#d4af3700);background-size:200% 100%;animation:shimmer 2.5s infinite}.glass-panel{background:var(--glass-panel-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-panel-border);box-shadow:var(--glass-shadow),inset 0 0 20px var(--glass-panel-inner-light);transition:all .4s cubic-bezier(.2,.8,.2,1)}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-card-border);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{background:var(--glass-card-hover-bg);border-color:#d4af3766;transform:translateY(-4px) scale(1.005);box-shadow:0 30px 60px -12px #0009,0 0 0 1px #d4af3733 inset}button:active,.glass-card:active{transform:scale(.98)}.input-luxury-group{position:relative;width:100%}.input-luxury{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.75rem;padding:1rem;font-size:.95rem;color:var(--input-text);transition:all .3s cubic-bezier(.2,.8,.2,1);outline:none}.input-luxury:focus{border-color:#d4af37;background:var(--input-bg);box-shadow:0 0 0 1px #d4af374d,inset 0 0 20px #d4af370d}.input-luxury-label{position:absolute;left:1rem;top:1rem;color:var(--input-placeholder);font-size:.95rem;pointer-events:none;transition:all .2s ease-out;background:transparent;padding:0 .25rem}.input-luxury:focus~.input-luxury-label,.input-luxury:not(:placeholder-shown)~.input-luxury-label{top:-.6rem;left:.8rem;font-size:.75rem;color:#d4af37;background:var(--bg-color);font-weight:600;letter-spacing:.05em;text-transform:uppercase}::selection{background:#d4af374d;color:#fff}.glass-button{background:var(--glass-button-bg);border:1px solid var(--glass-button-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);@apply text-slate-900 dark:text-white;}.glass-button:hover{background:#d4af37;border-color:#fcd34d;transform:translateY(-2px);box-shadow:0 15px 30px -5px #d4af3766;color:#000;font-weight:600}.glass-button:active{transform:translateY(0) scale(.96)}.text-gradient-gold{background:linear-gradient(135deg,#d4af37,#fae8b0,#b45309);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .text-gradient-gold{background:linear-gradient(135deg,#fff 10%,#fae8b0 50%,#d4af37)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, #d4af37)}*{border-color:transition-color .2s ease}
