:root{--background:240 10% 4%;--surface:240 10% 8%;--surface-highlight:240 10% 12%;--primary:38 100% 50%;--primary-glow:38 100% 50%;--text-main:0 0% 100%;--text-muted:240 10% 60%;--border:240 10% 16%;--glass:#ffffff08;--glass-border:#ffffff14;--ease-out:cubic-bezier(.215,.61,.355,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--background));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}h1{background:linear-gradient(90deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;line-height:1.1}.font-serif{font-family:Playfair Display,serif}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(135deg,hsl(var(--primary))0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn-primary{background:hsl(var(--primary));color:#000;text-transform:uppercase;letter-spacing:.05em;transition:all .3s var(--ease-out);cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:0 10px 20px -10px hsl(var(--primary));transform:translateY(-2px)}.fade-in{animation:fadeIn .8s var(--ease-out)forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}