.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0a0e27,#1e1b4b,#0f172a)}.animated-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(59,130,246,.1) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background:#fffc;border-radius:50%;pointer-events:none;animation:float linear infinite;box-shadow:0 0 10px #ffffff80}.particle:nth-child(1){width:2px;height:2px;animation-duration:15s;left:10%}.particle:nth-child(2){width:3px;height:3px;animation-duration:20s;left:20%}.particle:nth-child(3){width:1px;height:1px;animation-duration:25s;left:30%}.particle:nth-child(4){width:2px;height:2px;animation-duration:18s;left:40%}.particle:nth-child(5){width:3px;height:3px;animation-duration:22s;left:50%}.particle:nth-child(6){width:1px;height:1px;animation-duration:30s;left:60%}.particle:nth-child(7){width:2px;height:2px;animation-duration:17s;left:70%}.particle:nth-child(8){width:3px;height:3px;animation-duration:19s;left:80%}.particle:nth-child(9){width:1px;height:1px;animation-duration:28s;left:90%}.particle:nth-child(10){width:2px;height:2px;animation-duration:16s;left:15%}.particle:nth-child(11){width:3px;height:3px;animation-duration:21s;left:25%}.particle:nth-child(12){width:1px;height:1px;animation-duration:27s;left:35%}.particle:nth-child(13){width:2px;height:2px;animation-duration:23s;left:45%}.particle:nth-child(14){width:3px;height:3px;animation-duration:26s;left:55%}.particle:nth-child(15){width:1px;height:1px;animation-duration:24s;left:65%}.particle:nth-child(16){width:2px;height:2px;animation-duration:29s;left:75%}.particle:nth-child(17){width:3px;height:3px;animation-duration:31s;left:85%}.particle:nth-child(18){width:1px;height:1px;animation-duration:14s;left:95%}.particle:nth-child(19){width:2px;height:2px;animation-duration:32s;left:12%}.particle:nth-child(20){width:3px;height:3px;animation-duration:33s;left:88%}.particle:nth-child(odd){animation-delay:-5s}.particle:nth-child(2n){animation-delay:-10s}.particle:nth-child(3n){animation-delay:-15s}.particle.star{animation:twinkle 3s ease-in-out infinite,float linear infinite}.particle.star:nth-child(2n){animation-delay:-1s,0s}.particle.star:nth-child(3n){animation-delay:-2s,-5s}@keyframes float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes backgroundShift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5%,5%) rotate(5deg)}50%{transform:translate(-10%) rotate(10deg)}75%{transform:translate(-5%,-5%) rotate(5deg)}}.wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,rgba(99,102,241,.1),transparent);animation:wave 10s ease-in-out infinite}@keyframes wave{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-20px) scaleY(1.1)}}.glass-card{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;border-radius:16px}.glass-card:hover{background:#0f172acc;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 48px #0006;transform:translateY(-2px);transition:all .3s ease}.animated-background.light-mode{background:linear-gradient(135deg,#f3f4f6,#e5e7eb,#f9fafb)}.light-mode-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.05) 0%,transparent 60%)}