:root{--color-bg: #000000;--color-text: #ffffff;--color-accent: #ffffff;--color-overlay: rgba(0, 0, 0, .7);--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.btn{display:inline-block;padding:1rem 2rem;border:1px solid var(--color-accent);color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;transition:all .3s ease}.btn:hover,.btn-primary{background-color:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background-color:transparent;color:var(--color-accent)}