:root{--primary-color: #7b2cbf;--primary-dark: #5a189a;--primary-light: #9d4edd;--secondary-color: #ffc300;--secondary-dark: #cc9a00;--bg-dark: #10002b;--bg-card: #240046;--bg-overlay: rgba(16, 0, 43, .85);--text-main: #ffffff;--text-muted: #e0aaff;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}html,body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;height:100%}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none;padding:0;margin:0}button{cursor:pointer;font-family:inherit;border:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 15px #7b2cbf66}.btn-secondary{background-color:var(--secondary-color);color:#10002b}.btn-secondary:hover{background-color:#ffd60a;transform:translateY(-2px);box-shadow:0 4px 15px #ffc30066}.btn-outline{border:2px solid var(--text-main);background:transparent;color:var(--text-main)}.btn-outline:hover{background:var(--text-main);color:var(--bg-dark)}