@tailwind base;@tailwind components;@tailwind utilities;:root{--milano-nero: #000000;--milano-cemento: #3A3A3A;--milano-bronzo: #8B7355;--milano-ghiaccio: #F8F8F8;--perla-seta: #FDFCF8;--antracite-elite: #1A1A1A;--oro-lucido: var(--milano-bronzo);--bronzo-profondo: var(--milano-ghiaccio);--space-xs: clamp(.5rem, 1vw, .75rem);--space-s: clamp(1rem, 2vw, 1.5rem);--space-m: clamp(2rem, 4.5vw, 4rem);--space-l: clamp(4rem, 9vw, 8rem);--space-xl: clamp(6rem, 15vw, 12rem);--text-hero: clamp(3rem, 12vw, 10rem);--text-title-xl: clamp(2.5rem, 10vw, 8rem);--text-title-lg: clamp(2rem, 7vw, 5rem);--text-title-md: clamp(1.5rem, 5vw, 3rem);--text-body-lg: clamp(1.1rem, 1.5vw, 1.4rem);--text-body-md: clamp(.9rem, 1.25vw, 1.1rem);--text-mono-xs: clamp(.6rem, .8vw, .75rem)}@layer base{*{@apply border-white/5;}body{@apply bg-black text-[#F8F8F8] antialiased selection:bg-[var(--milano-bronzo)] selection:text-white overflow-x-hidden;font-family:Cormorant Garamond,serif;font-weight:300}h1,h2,h3,h4,h5,h6,.font-accent{font-family:Space Grotesk,sans-serif;@apply font-bold uppercase tracking-tighter;}.font-display{font-family:Cormorant Garamond,serif;@apply leading-tight italic;}.font-mono{font-family:IBM Plex Mono,monospace;@apply tracking-[.2em] uppercase;}}@layer components{.floating-header{@apply fixed top-8 left-1/2 -translate-x-1/2 z-[150] w-[calc(100%-4rem)] max-w-4xl;@apply backdrop-blur-xl bg-black/40 border border-white/10 rounded-full px-8 py-3;@apply flex items-center justify-between transition-all duration-700;box-shadow:0 10px 40px -20px #00000080}.luxury-monolith{@apply backdrop-blur-[30px] bg-black/80 border border-white/5 relative overflow-hidden;box-shadow:0 40px 100px -20px #000c}.pearl-monolith{background-color:var(--perla-seta)!important;@apply border-none relative overflow-hidden;box-shadow:0 50px 150px -20px #00000026}.pearl-content{color:var(--antracite-elite)!important}.pearl-title{color:var(--antracite-elite)!important;@apply italic;}.pearl-input{@apply border-b-2 border-black/10 transition-all duration-700 outline-none w-full block;padding:var(--space-s) var(--space-m);background-color:#00000005!important;color:#000!important;font-family:IBM Plex Mono,monospace;font-size:var(--text-body-md);@apply uppercase tracking-[.2em];border-radius:0}.pearl-input:focus{background-color:#0000000a!important;border-b-color:var(--milano-bronzo)!important}.pearl-input::placeholder{color:#00000040!important}.pearl-vault{@apply border-2 border-dashed border-black/5 bg-black/[.01] transition-all duration-700;padding:var(--space-m);@apply flex flex-col items-center justify-center gap-4 text-center cursor-pointer;}.pearl-vault:hover{@apply border-black/20 bg-black/[.03];}.attachment-chip{@apply flex items-center gap-3 bg-black/5 px-4 py-2 rounded-full text-[10px] font-mono uppercase tracking-widest text-black/60;@apply hover:bg-black/10 transition-colors;}.pearl-input:-webkit-autofill{-webkit-text-fill-color:#000000!important;-webkit-box-shadow:0 0 0px 1000px var(--perla-seta) inset!important}.elite-input{@apply border-b border-white/10 py-5 px-6 transition-all duration-700 outline-none w-full block;background-color:#0a0a0a!important;color:#f8f8f8!important;font-family:IBM Plex Mono,monospace;@apply text-[11px] uppercase tracking-[.2em];border-radius:0}.elite-input:focus{background-color:#111!important;border-b-color:var(--milano-bronzo)!important}.elite-input::placeholder{color:#f8f8f833!important}.elite-input:-webkit-autofill,.elite-input:-webkit-autofill:hover,.elite-input:-webkit-autofill:focus{-webkit-text-fill-color:#F8F8F8!important;-webkit-box-shadow:0 0 0px 1000px #0a0a0a inset!important;transition:background-color 5000s ease-in-out 0s}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) sepia(100%) saturate(1000%) hue-rotate(30deg);cursor:pointer}.gold-line{@apply h-[.5px] w-full bg-gradient-to-r from-transparent via-[var(--milano-bronzo)]/20 to-transparent my-8;}.btn-monumental{@apply relative overflow-hidden bg-white text-black font-accent text-[10px] px-12 py-5 transition-all duration-700 active:scale-95 uppercase tracking-[.5em];}.btn-monumental:hover{@apply bg-[var(--milano-bronzo)] text-white;box-shadow:0 15px 40px -10px #8b735566}.text-gold{@apply text-[var(--milano-bronzo)] font-display;}}@keyframes editorial-reveal{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cinematic-fade{0%{opacity:0}to{opacity:1}}.animate-reveal{animation:editorial-reveal 2s cubic-bezier(.23,1,.32,1) forwards}.animate-fade{animation:cinematic-fade 3s ease-in-out forwards}.bg-noise{background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);@apply fixed inset-0 pointer-events-none opacity-[.2] mix-blend-overlay z-[200];}.cinematic-grain{position:fixed;top:-100%;right:-100%;bottom:-100%;left:-100%;width:300%;height:300%;background-image:url(https://www.transparenttextures.com/patterns/noise.png);opacity:.3;pointer-events:none;z-index:999;animation:grain-animation 8s steps(10) infinite;mix-blend-mode:overlay}@keyframes grain-animation{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.vol-marker{@apply hidden;}@keyframes shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(.98)}50%{opacity:.6;transform:scale(1.02)}}.animate-shimmer{animation:shimmer 3s infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--perla-dorata)}::-webkit-scrollbar-thumb{background:var(--oro-lucido);@apply opacity-20;}