:root{--font-body: "Outfit", sans-serif;--font-display: "Press Start 2P", cursive;--color-bg: #f8f9fa;--color-text: #1a1a1a;--color-primary: #007bff;--color-secondary: #6610f2;--color-accent: #ff0055;--color-surface: #ffffff;--color-border: #dee2e6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=dark]{--color-bg: #0a0a12;--color-text: #e0e0e0;--color-primary: #00f3ff;--color-secondary: #bc13fe;--color-accent: #ff0055;--color-surface: #151520;--color-border: #2a2a35}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1,h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}button{cursor:pointer;font-family:var(--font-body)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}.text-center{text-align:center}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid transparent;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#000;box-shadow:0 0 10px var(--color-primary)}.btn-primary:hover{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px var(--color-primary)}.btn-outline{background-color:transparent;border-color:var(--color-text);color:var(--color-text)}.btn-outline:hover{background-color:var(--color-text);color:var(--color-bg)}