:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-text-muted: #888888;--color-accent: #E32E2E;--color-accent-hover: #b91f1f;--color-border: #333333;--font-heading: "Barlow Condensed", sans-serif;--font-body: "Roboto Mono", monospace;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--container-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:1px}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent)}button{cursor:pointer;border:none;background:none;font-family:inherit}img,video{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s ease-out forwards}