.page-enter-active,.page-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-enter-from{filter:blur(4px);opacity:0;transform:translateY(10px)}.page-leave-to{filter:blur(4px);opacity:0;transform:translateY(-10px)}: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}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-primary{background:var(--color-primary);box-shadow:0 4px 15px hsla(var(--color-primary-h),100%,75%,.4);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px hsla(var(--color-primary-h),100%,75%,.6);opacity:.95;transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-text-main)}.btn-secondary:hover{background:hsla(var(--color-primary-h),100%,75%,.1);transform:translateY(-2px)}
