*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 50% 10%,#18244d 0%,#080d21 35%,#03050d 75%);min-height:100vh;margin:0;font-family:Arial,sans-serif}body:before{content:"";pointer-events:none;opacity:.25;z-index:-1;background-image:radial-gradient(circle,#fffc 1px,#0000 1px),radial-gradient(circle,#ffffff59 1px,#0000 1px);background-position:0 0,35px 25px;background-size:70px 70px,110px 110px;position:fixed;inset:0}main{width:100%}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.hero-badge{letter-spacing:4px;color:#829cff;margin-bottom:24px;font-family:Orbitron,sans-serif;font-size:.7rem}.hero-title{letter-spacing:-4px;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(4rem,11vw,8rem);line-height:.85}.hero-title span{color:#91a7ff}.hero-text{color:#b8c1dc;margin:32px 0 42px;font-size:1.05rem;line-height:1.7}.birthday-search{width:min(560px,100%)}.birthday-search label{letter-spacing:2px;color:#d7ddff;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:.7rem;display:block}.search-row{gap:10px;display:flex}#birthday{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070c1fcc;border:1px solid #34416e;border-radius:10px;flex:1;min-width:0;padding:16px 18px;font-size:1rem}#explore-btn{color:#050816;cursor:pointer;background:#8ea4ff;border:0;border-radius:10px;padding:0 24px;font-family:Orbitron,sans-serif;font-weight:900;transition:transform .2s,box-shadow .2s}#explore-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8ea4ff59}.scroll-hint{color:#67759f;letter-spacing:2px;margin-top:70px;font-family:Orbitron,sans-serif;font-size:.65rem}.apod-section{width:min(1000px,100% - 40px);margin:0 auto;padding:100px 0 140px}.section-label{text-align:center;color:#829cff;letter-spacing:4px;margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:.7rem}.apod-section>h2{text-align:center;margin:0 0 45px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,4rem)}.apod-card{background:#080d20bf;border:1px solid #28345e;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #00000059}.apod-media{object-fit:cover;width:100%;max-height:650px;display:block}.apod-video{border:0;height:550px}.apod-content{padding:32px}.apod-date{color:#829cff;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.75rem}.apod-content h3{margin:0 0 20px;font-family:Orbitron,sans-serif;font-size:1.8rem}.apod-explanation{color:#b9c1d8;margin:0;line-height:1.8}.loading,.error{text-align:center;color:#aeb8d7}@media (width<=600px){.hero-title{letter-spacing:-2px}.search-row{flex-direction:column}#explore-btn{padding:16px}.apod-content{padding:22px}.apod-video{height:300px}}.birthday-results{width:min(1000px,100% - 40px);margin:0 auto;padding:100px 0 150px;display:none}.birthday-results.visible{display:block}.birthday-results>h2{text-align:center;margin:0 0 45px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,4rem)}.space-loader{text-align:center;max-width:600px;margin:80px auto}.space-loader>p:first-child{letter-spacing:2px;color:#d7ddff;font-family:Orbitron,sans-serif}.progress-track{background:#090e25;border:1px solid #394778;border-radius:100px;height:10px;margin-top:25px;overflow:hidden}.progress-bar{background:#8ea4ff;border-radius:100px;width:0;height:100%;transition:width .2s;box-shadow:0 0 25px #8ea4ffa6}.progress-number{text-align:right;color:#7e8bb4;margin-top:12px;font-family:Orbitron,sans-serif;font-size:.75rem}.birthday-date{text-align:center;color:#9aabef;letter-spacing:2px;margin-bottom:20px;font-family:Orbitron,sans-serif}.event-summary{text-align:center;letter-spacing:2px;color:#7784ad;margin-bottom:35px;font-family:Orbitron,sans-serif;font-size:.7rem}.event-summary span{color:#fff}.event-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.event-card{opacity:0;background:linear-gradient(145deg,#141d42d1,#070b1ce6);border:1px solid #2d3965;border-radius:18px;padding:30px;animation:.55s forwards eventAppear;transform:translateY(25px)}.event-card:hover{border-color:#6074c4;transform:translateY(-4px)}.event-icon{margin-bottom:22px;font-size:2rem}.event-type{color:#8196eb;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.65rem}.event-card h3{margin:0 0 18px;font-family:Orbitron,sans-serif;font-size:1.15rem}.event-description{color:#b8c1d9;margin:0 0 22px;line-height:1.7}.event-details{color:#68759e;flex-direction:column;gap:6px;font-family:Orbitron,sans-serif;font-size:.65rem;display:flex}.quiet-card{text-align:center;background:#080d20a6;border:1px solid #29345d;border-radius:22px;max-width:650px;margin:50px auto;padding:60px 30px}.quiet-icon{margin-bottom:25px;font-size:3rem}.quiet-card h3{font-family:Orbitron,sans-serif;font-size:1.3rem}.quiet-card p{text-align:center;color:#9ba6c7}.universe-ending{text-align:center;letter-spacing:2px;color:#717ea8;margin-top:80px;font-family:Orbitron,sans-serif;font-size:.9rem}@keyframes eventAppear{to{opacity:1;transform:translateY(0)}}@media (width<=700px){.event-grid{grid-template-columns:1fr}.event-card{padding:24px}}body:before{animation:45s linear infinite starsMove}@keyframes starsMove{0%{background-position:0 0,35px 25px}to{background-position:0 700px,35px 1000px}}.hero-title{text-shadow:0 0 30px #91a7ff14}.hero-title span{text-shadow:0 0 35px #91a7ff47}.hero-badge{animation:3s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:.6}50%{opacity:1}}.scroll-hint{animation:2s ease-in-out infinite scrollFloat}@keyframes scrollFloat{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}#explore-btn:active{transform:scale(.97)}#explore-btn:disabled{cursor:wait;opacity:.65;box-shadow:none;transform:none}.event-card{transition:transform .25s,border-color .25s,box-shadow .25s}.event-card:hover{border-color:#7189e6;transform:translateY(-6px);box-shadow:0 18px 50px #00000040,0 0 35px #7189e612}.event-icon{animation:4s ease-in-out infinite iconFloat;display:inline-block}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(3deg)}}.apod-card{transition:transform .3s,border-color .3s}.apod-card:hover{border-color:#415285;transform:translateY(-4px)}#birthday{transition:border-color .2s,box-shadow .2s}#birthday:focus{border-color:#829cff;outline:none;box-shadow:0 0 0 3px #829cff1f}.universe-ending{opacity:0;animation:1.2s .4s forwards endingAppear}@keyframes endingAppear{to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}