@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out;animation-fill-mode:both}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f4f0}::-webkit-scrollbar-thumb{background:#c5a059;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a88945}.solar-system-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);perspective:1200px;z-index:0}.solar-system{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(10deg)}.sun{position:absolute;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,gold,#ff8c00);border-radius:50%;box-shadow:0 0 50px #ff8c00,0 0 100px #ff8c00,0 0 150px #ff8c00;animation:sun-glow 4s ease-in-out infinite;z-index:10}@keyframes sun-glow{0%,to{box-shadow:0 0 50px #ff8c00,0 0 100px #ff8c00,0 0 150px #ff8c00}50%{box-shadow:0 0 60px gold,0 0 120px gold,0 0 180px #ff8c00}}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;transform-style:preserve-3d}.planet{position:absolute;border-radius:50%;top:-10px;left:50%;transform:translate(-50%)}.orbit-mercury{width:120px;height:120px;animation:orbit 4s linear infinite}.planet-mercury{width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#b8b8b8,#696969);position:relative;overflow:hidden}.planet-mercury:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,0,0,.3) 10%,transparent 10%),radial-gradient(circle at 60% 20%,rgba(0,0,0,.2) 8%,transparent 8%),radial-gradient(circle at 80% 60%,rgba(0,0,0,.25) 6%,transparent 6%);opacity:.6}.orbit-venus{width:160px;height:160px;animation:orbit 7s linear infinite}.planet-venus{width:24px;height:24px;background:linear-gradient(135deg,orange,gold,#ffdead,khaki,#ffe4b5);position:relative;overflow:hidden}.planet-venus:before{content:"";position:absolute;width:150%;height:150%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,transparent 2px,transparent 4px,rgba(255,255,255,.05) 6px);animation:venus-atmosphere 20s linear infinite}@keyframes venus-atmosphere{0%{transform:translate(0)}to{transform:translate(10px)}}.orbit-earth{width:220px;height:220px;animation:orbit 10s linear infinite}.planet-earth{width:26px;height:26px;background:radial-gradient(circle at 30% 30%,#6bb6ff,#4a90e2,#3f7cac,#2c5f8b 60%,#1e4e79);position:relative;overflow:hidden}.planet-earth:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,rgba(173,216,230,.2) 20%,transparent 60%)}@keyframes earth-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon{position:absolute;width:8px;height:8px;background:#d3d3d3;border-radius:50%;top:-5px;left:50%;transform:translate(-50%);animation:orbit-moon 2.5s linear infinite;z-index:5}.orbit-mars{width:280px;height:280px;animation:orbit 15s linear infinite}.planet-mars{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#cd5c5c,#8b4513);position:relative;overflow:hidden}.planet-mars:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 70% 50%,rgba(139,69,19,.3) 10%,transparent 30%)}.orbit-jupiter{width:380px;height:380px;animation:orbit 25s linear infinite}.planet-jupiter{width:48px;height:48px;background:linear-gradient(0deg,#8b7355,tan 12%,wheat,#8b7355 38%,#d2691e,peru 62%,wheat 75%,#8b7355 87%,tan);top:-24px;position:relative;overflow:hidden}.planet-jupiter:after{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,rgba(139,69,19,.1) 2px,transparent 4px)}.orbit-saturn{width:480px;height:480px;animation:orbit 35s linear infinite}.planet-saturn{width:40px;height:40px;background:linear-gradient(0deg,khaki,#ffe4b5,#faebd7,wheat,#ffe4b5,khaki);top:-20px;position:relative;overflow:hidden}.planet-saturn:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,rgba(205,133,63,.15) 3px,transparent 6px)}.saturn-ring{position:absolute;width:65px;height:12px;border:none;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(70deg);background:none;box-shadow:0 0 0 2px #f4a460cc,0 0 0 4px #cd853f66,0 0 0 6px #f4a46099,0 0 0 8px #deb8874d}.orbit-uranus{width:580px;height:580px;animation:orbit 50s linear infinite}.planet-uranus{width:28px;height:28px;background:radial-gradient(circle at 40% 40%,#b0e0e6,#4682b4);top:-14px;position:relative;overflow:hidden;transform:rotate(98deg)}.planet-uranus:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(176,224,230,.3) 45%,rgba(176,224,230,.5) 50%,rgba(176,224,230,.3) 55%,transparent 100%)}.planet-uranus:after{content:"";position:absolute;width:35px;height:1px;background:#b0e0e666;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-neptune{width:680px;height:680px;animation:orbit 70s linear infinite}.planet-neptune{width:28px;height:28px;background:radial-gradient(circle at 40% 40%,#4169e1,#191970);top:-14px;position:relative;overflow:hidden}.planet-neptune:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(70,130,180,.2) 50%,transparent 70%);animation:neptune-storms 30s linear infinite}@keyframes neptune-storms{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-moon{0%{transform:translate(-50%) rotate(0) translate(18px) rotate(0)}to{transform:translate(-50%) rotate(360deg) translate(18px) rotate(-360deg)}}.stars{position:absolute;width:100%;height:100%;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}@media(max-width:768px){.orbit-mercury{width:80px;height:80px}.orbit-venus{width:110px;height:110px}.orbit-earth{width:150px;height:150px}.orbit-mars{width:190px;height:190px}.orbit-jupiter{width:260px;height:260px}.orbit-saturn{width:330px;height:330px}.orbit-uranus{width:400px;height:400px}.orbit-neptune{width:470px;height:470px}.sun{width:50px;height:50px}.planet-mercury{width:12px;height:12px}.planet-venus{width:18px;height:18px}.planet-earth{width:20px;height:20px}.planet-mars{width:15px;height:15px}.planet-jupiter{width:36px;height:36px;top:-18px}.planet-saturn{width:30px;height:30px;top:-15px}.saturn-ring{width:48px;height:9px;box-shadow:0 0 0 1.5px #f4a460cc,0 0 0 3px #cd853f66,0 0 0 4.5px #f4a46099,0 0 0 6px #deb8874d}.planet-uranus,.planet-neptune{width:22px;height:22px;top:-11px}}.solar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(249,248,244,.3) 80%,rgba(249,248,244,.8) 95%,rgba(249,248,244,1) 100%);pointer-events:none;z-index:1}
