:root{--primary: 250 100% 64%;--primary-hover: 250 100% 58%;--bg-body: 220 18% 12%;--bg-card: 220 18% 17%;--bg-input: 220 18% 22%;--text-main: 220 10% 96%;--text-muted: 220 10% 70%;--border-color: 220 18% 25%;--container-width: 1200px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-body));color:hsl(var(--text-main));min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-primary{background-color:hsl(var(--primary));color:#fff}.btn-primary:hover{background-color:hsl(var(--primary-hover));transform:translateY(-1px)}.btn-outline{border:1px solid hsl(var(--border-color));background-color:transparent}.btn-outline:hover{background-color:hsl(var(--bg-input))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}