:root{--color-bg-h:220;--color-bg-s:30%;--color-bg-l:10%;--color-bg:hsl(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l));--color-text-main:#f1f2f4;--color-text-muted:#abb0ba;--color-primary-h:250;--color-primary-s:100%;--color-primary-l:75%;--color-primary:hsl(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l));--color-accent-h:320;--color-accent-s:100%;--color-accent-l:70%;--color-accent:hsl(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l));--color-glass-bg:rgba(27,34,50,.6);--color-glass-border:rgba(61,71,92,.4);--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--font-main:"Outfit",sans-serif;--font-display:"Outfit",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-sm)}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:1rem}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}