*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at center,#0f1419 0%,#000000 100%);min-height:100vh;font-family:Arial,sans-serif;overflow:hidden}.container{display:flex;justify-content:center;align-items:center;height:100vh;position:relative}#earth-container{width:500px;height:500px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 0 50px #64c8ff4d;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}#earth-container:hover{transform:scale(1.05);box-shadow:0 0 80px #64c8ff80,0 0 120px #64c8ff4d}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;opacity:1;transition:all .8s ease;text-shadow:0 0 20px rgba(255,255,255,.8)}.loading.hidden{opacity:0;pointer-events:none}.title{position:absolute;top:60px;left:50%;transform:translate(-50%);color:#fff;font-size:32px;font-weight:200;text-align:center;letter-spacing:3px;text-shadow:0 0 30px rgba(255,255,255,.8);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,255,255,.8)}to{text-shadow:0 0 40px rgba(100,200,255,1)}}.instructions{position:absolute;bottom:60px;left:50%;transform:translate(-50%);color:#fffc;font-size:16px;text-align:center;line-height:1.6;text-shadow:0 0 10px rgba(255,255,255,.5)}.loading-bar{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:200px;height:2px;background:rgba(255,255,255,.2);border-radius:1px;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,#64b5f6,#42a5f5,#2196f3);width:0%;transition:width .3s ease;box-shadow:0 0 10px #2196f3}@media (max-width: 768px){#earth-container{width:350px;height:350px}.title{font-size:26px;top:40px}.instructions{bottom:40px;font-size:14px}}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}