.solar-system{position:relative;width:400px;height:400px}.sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,gold,#ff8c00,tomato);border-radius:50%;box-shadow:0 0 60px gold,0 0 100px #ff8c00;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 60px gold,0 0 100px #ff8c00}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 80px gold,0 0 120px #ff8c00}}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}.orbit-1{width:150px;height:150px;animation:rotate 10s linear infinite}.orbit-2{width:220px;height:220px;animation:rotate 15s linear infinite}.orbit-3{width:290px;height:290px;animation:rotate 20s linear infinite}.orbit-4{width:360px;height:360px;animation:rotate 25s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.planet{position:absolute;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.planet-1{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#87ceeb,#4682b4);box-shadow:0 0 10px #87ceeb}.planet-2{width:28px;height:28px;background:radial-gradient(circle at 30% 30%,#ff69b4,#dc143c);box-shadow:0 0 15px #ff69b4}.planet-3{width:35px;height:35px;background:radial-gradient(circle at 30% 30%,#32cd32,#228b22);box-shadow:0 0 20px #32cd32}.planet-4{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#9370db,#639);box-shadow:0 0 12px #9370db}@media (max-width: 768px){.solar-system{width:300px;height:300px}.sun{width:60px;height:60px}.orbit-1{width:110px;height:110px}.orbit-2{width:160px;height:160px}.orbit-3{width:210px;height:210px}.orbit-4{width:260px;height:260px}.planet-1{width:15px;height:15px}.planet-2{width:20px;height:20px}.planet-3{width:25px;height:25px}.planet-4{width:18px;height:18px}}.logo-text{font-family:Brush Script MT,Lucida Handwriting,Apple Chancery,cursive,sans-serif;font-weight:700;font-style:italic;letter-spacing:.05em;background:linear-gradient(135deg,#a78bfa,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(167,139,250,.5),0 0 60px rgba(236,72,153,.3);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));animation:shimmer 3s ease-in-out infinite;position:relative}@keyframes shimmer{0%,to{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3)) brightness(1)}50%{filter:drop-shadow(0 6px 12px rgba(167,139,250,.6)) brightness(1.2)}}.logo-handwritten{font-family:Pacifico,Brush Script MT,cursive;font-weight:400;letter-spacing:.02em;transform:rotate(-2deg);background:linear-gradient(to right,#fbbf24,#f59e0b,#ec4899,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:fade-in .8s ease-out}.animate-slide-up{animation:slide-up .6s ease-out}.animate-slide-up-delay{animation:slide-up .8s ease-out .2s both}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);pointer-events:none}body:has(.space-background) .min-h-screen{background:transparent!important}.space-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(88,28,135,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(147,51,234,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.08) 0%,transparent 50%);animation:nebula-drift 30s ease-in-out infinite}@keyframes nebula-drift{0%,to{opacity:.6;transform:scale(1) translateY(0)}50%{opacity:.8;transform:scale(1.05) translateY(-10px)}}.stars-layer-1{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 40% 70%,white,transparent),radial-gradient(2px 2px at 60% 40%,white,transparent),radial-gradient(2px 2px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 10% 50%,white,transparent),radial-gradient(1px 1px at 30% 80%,white,transparent),radial-gradient(1px 1px at 50% 20%,white,transparent),radial-gradient(1px 1px at 70% 90%,white,transparent),radial-gradient(1px 1px at 85% 35%,white,transparent);background-size:200% 200%;background-position:0% 0%;animation:twinkle-1 4s ease-in-out infinite}.stars-layer-2{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 45%,rgba(147,197,253,.9),transparent),radial-gradient(2px 2px at 35% 15%,rgba(167,139,250,.9),transparent),radial-gradient(2px 2px at 55% 65%,rgba(236,72,153,.9),transparent),radial-gradient(2px 2px at 75% 35%,rgba(251,191,36,.9),transparent),radial-gradient(1px 1px at 25% 85%,rgba(147,197,253,.8),transparent),radial-gradient(1px 1px at 45% 25%,rgba(167,139,250,.8),transparent),radial-gradient(1px 1px at 65% 75%,rgba(236,72,153,.8),transparent),radial-gradient(1px 1px at 95% 55%,rgba(251,191,36,.8),transparent);background-size:250% 250%;background-position:0% 0%;animation:twinkle-2 5s ease-in-out infinite 1s}.stars-layer-3{position:absolute;width:100%;height:100%;background-image:radial-gradient(3px 3px at 10% 20%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 50% 50%,rgba(255,255,255,.6),transparent),radial-gradient(3px 3px at 90% 80%,rgba(255,255,255,.7),transparent);background-size:300% 300%;animation:twinkle-3 6s ease-in-out infinite 2s}@keyframes twinkle-1{0%,to{opacity:1}50%{opacity:.3}}@keyframes twinkle-2{0%,to{opacity:.8}50%{opacity:.2}}@keyframes twinkle-3{0%,to{opacity:.6}50%{opacity:.9}}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,1),transparent);border-radius:50%;box-shadow:0 0 4px 2px #ffffff80;animation:shoot linear;pointer-events:none}.shooting-star:before{content:"";position:absolute;top:0;right:0;width:50px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);transform:translate(50%)}@keyframes shoot{0%{transform:translate(0) rotate(-45deg);opacity:1}70%{opacity:1}to{transform:translate(-500px,500px) rotate(-45deg);opacity:0}}.music-particle{position:absolute;border-radius:50%;pointer-events:none;animation:float-music linear infinite}@keyframes float-music{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1.5);opacity:0}}.music-particle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes progress{0%{width:100%}to{width:0%}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-out-right{animation:slide-out-right .3s ease-in forwards}.animate-progress{animation:progress 4s linear forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .3s ease-out}.break-anywhere{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a78bfa80;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a78bfab3}
