:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:#000}.cosmos{position:fixed;inset:0;z-index:0;background:radial-gradient(.8px .8px at 5% 8%,hsla(0,0%,100%,.7),transparent),radial-gradient(.8px .8px at 12% 18%,hsla(0,0%,100%,.5),transparent),radial-gradient(.8px .8px at 20% 5%,hsla(0,0%,100%,.6),transparent),radial-gradient(.8px .8px at 28% 22%,hsla(0,0%,100%,.4),transparent),radial-gradient(.8px .8px at 35% 10%,hsla(0,0%,100%,.7),transparent),radial-gradient(.8px .8px at 42% 28%,hsla(0,0%,100%,.5),transparent),radial-gradient(.8px .8px at 50% 8%,hsla(0,0%,100%,.6),transparent),radial-gradient(.8px .8px at 58% 17%,hsla(0,0%,100%,.4),transparent),radial-gradient(.8px .8px at 65% 6%,hsla(0,0%,100%,.7),transparent),radial-gradient(.8px .8px at 72% 25%,hsla(0,0%,100%,.5),transparent),radial-gradient(.8px .8px at 80% 10%,hsla(0,0%,100%,.6),transparent),radial-gradient(.8px .8px at 88% 21%,hsla(0,0%,100%,.4),transparent),radial-gradient(.8px .8px at 95% 12%,hsla(0,0%,100%,.7),transparent),radial-gradient(.8px .8px at 10% 42%,hsla(0,0%,100%,.5),transparent),radial-gradient(.8px .8px at 18% 55%,hsla(0,0%,100%,.4),transparent),radial-gradient(.8px .8px at 33% 38%,hsla(0,0%,100%,.6),transparent),radial-gradient(.8px .8px at 45% 48%,hsla(0,0%,100%,.3),transparent),radial-gradient(.8px .8px at 52% 35%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.2px 1.2px at 7% 50%,hsla(0,0%,100%,.8),transparent),radial-gradient(1.2px 1.2px at 30% 65%,hsla(0,0%,100%,.6),transparent),radial-gradient(1.2px 1.2px at 55% 55%,hsla(0,0%,100%,.8),transparent),radial-gradient(1.2px 1.2px at 78% 42%,hsla(0,0%,100%,.5),transparent),radial-gradient(1.2px 1.2px at 90% 68%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.2px 1.2px at 22% 72%,hsla(0,0%,100%,.6),transparent),radial-gradient(1.2px 1.2px at 68% 75%,hsla(0,0%,100%,.4),transparent),radial-gradient(1.8px 1.8px at 15% 30%,rgba(200,220,255,.9),transparent),radial-gradient(1.8px 1.8px at 40% 70%,rgba(255,220,200,.9),transparent),radial-gradient(1.8px 1.8px at 70% 20%,rgba(180,200,255,.8),transparent),radial-gradient(1.8px 1.8px at 85% 55%,rgba(255,240,200,.8),transparent),radial-gradient(1.8px 1.8px at 25% 85%,rgba(200,200,255,.7),transparent),radial-gradient(2px 2px at 95% 88%,rgba(100,120,180,.6),transparent),radial-gradient(2px 2px at 3% 75%,hsla(30,35%,55%,.5),transparent);animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.85}to{opacity:1}}.nebula{position:fixed;border-radius:50%;pointer-events:none;filter:blur(180px);z-index:0}.nebula-1{top:-20%;left:-10%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(30,60,120,.25) 0,transparent 70%);animation:drift1 30s ease-in-out infinite}.nebula-2{bottom:-25%;right:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(80,20,60,.2) 0,transparent 70%);animation:drift2 35s ease-in-out infinite}.nebula-3{top:40%;left:30%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(15,50,100,.15) 0,transparent 70%);animation:drift3 40s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(60px,-40px) rotate(3deg)}66%{transform:translate(-30px,20px) rotate(-2deg)}}@keyframes drift2{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-50px,-30px) rotate(-3deg)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-25px) scale(1.15)}}.footer-line{position:fixed;bottom:60px;left:0;right:0;z-index:10;text-align:center;font-size:12px;font-weight:400;letter-spacing:2px;color:hsla(0,0%,100%,.15);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .8s ease}.footer-line strong{font-weight:600;color:hsla(0,0%,100%,.25)}