:root{--color-red:#ff004c;--color-red-dim:#ff004c99;--color-bg:#000;--color-surface:#111;--color-surface-2:#222;--color-muted:#555;--color-text:#fff;--color-text-dim:#aaa;--font-base:"Arial", sans-serif;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--shadow-red:0 0 10px #ff004c80;--shadow-dark:0 2px 5px #00000080;--max-width:1200px;--header-height:60px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-md);min-height:100vh;line-height:1.6}a{color:inherit;cursor:pointer;transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-red)}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);width:100%;padding:0 var(--space-xl);margin:0 auto}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background-color var(--transition);text-align:center;border:none;font-weight:600;display:inline-block}.btn-primary{background-color:var(--color-red);color:#fff}.btn-primary:hover{color:#fff;background-color:#cc003d}.btn-secondary{background-color:var(--color-muted);color:#fff}.btn-secondary:hover{color:#fff;background-color:#777}@media (max-width:768px){:root{--text-xl:22px;--text-2xl:28px;--space-xl:1rem}.container{padding:0 var(--space-md)}}