body,html{margin:0;padding:0;height:100%;overflow:visible}.colorful-bg{position:relative;width:100%;min-height:100vh;overflow:visible;background:radial-gradient(circle at 20% 20%,var(--accent-blue, oklch(.55 .22 250)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--accent-purple, oklch(.55 .18 290)) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--accent-cyan, oklch(.65 .15 200)) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-teal, oklch(.6 .16 180)) 0%,transparent 50%),var(--background, oklch(.98 0 0))}.gradient-orb-1,.gradient-orb-2,.gradient-orb-3{position:fixed;border-radius:50%;filter:blur(50px);opacity:.35;z-index:-1}.gradient-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--accent-blue, oklch(.55 .22 250)) 0%,transparent 70%);filter:blur(60px);opacity:.4;animation:float 20s ease-in-out infinite}.gradient-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-purple, oklch(.55 .18 290)) 0%,transparent 70%);filter:blur(50px);opacity:.3;animation:float 15s ease-in-out infinite reverse}.gradient-orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--accent-cyan, oklch(.65 .15 200)) 0%,transparent 70%);filter:blur(45px);opacity:.35;animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}