.landing-page{position:relative;width:100%;height:auto;min-height:100vh;overflow-x:hidden;color:#cfe7ff;font-family:Orbitron,sans-serif}.hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2}.hero h1{font-size:4.5rem;letter-spacing:3px;background:linear-gradient(90deg,#63a4ff,#b6e1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.4rem;margin-top:.5rem;opacity:.85}.launch-button{margin-top:2.5rem;padding:.9rem 2.5rem;border-radius:40px;border:1px solid #63a4ff;color:#cfe7ff;background:#1e32504d;text-decoration:none;font-weight:600;letter-spacing:1px;box-shadow:0 0 20px #64aaff33;transition:all .3s ease}.launch-button:hover{background:#64aaff4d;box-shadow:0 0 30px #64aaff80}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;padding:5rem 2rem;z-index:2;background:#0006}.feature-card{width:300px;background:#141e32cc;border:1px solid rgba(100,170,255,.3);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 0 20px #64aaff33;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 0 30px #64aaff66}footer{text-align:center;padding:2rem;opacity:.7;font-size:.9rem;z-index:2}footer a{color:#63a4ff;text-decoration:none}footer a:hover{text-decoration:underline}.starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}@media (prefers-reduced-motion: reduce){.starfield{opacity:.55}}.moon-card p{margin:6px 0}.moon-card{background:radial-gradient(circle at top,#1a1f2c,#0c0f18);color:#cde4ff;border:1px solid #2e4b6d;border-radius:16px;padding:20px;width:320px;box-shadow:0 0 15px #0078ff4d;font-family:Orbitron,sans-serif;transition:transform .3s ease}.moon-card:hover{transform:scale(1.02)}.moon-card h2{color:#7fc9ff;margin-bottom:10px}.moon-card hr{border:0;height:1px;background:#204060;margin:10px 0}.timestamp{font-size:.8em;color:#89a6cc}.lunar-progress{height:10px;background:#a0beff1a;border-radius:10px;overflow:hidden;margin:12px 0}.lunar-fill{height:100%;background:linear-gradient(90deg,#5ac8ff,#cde4ff);box-shadow:0 0 10px #5ac8ff;transition:width 2s ease-out}.sun-card{background:radial-gradient(circle at top,#2b1f0b,#0d0904);color:#ffe9b5;border:1px solid #704b00;border-radius:16px;padding:20px;width:320px;box-shadow:0 0 15px #ffaa004d;font-family:Orbitron,sans-serif;transition:transform .3s ease}.sun-card:hover{transform:scale(1.02);box-shadow:0 0 25px #ffbe3280}.sun-card h2{color:#ffcb4c;margin-bottom:10px}.sun-card hr{border:0;height:1px;background:#704b00;margin:10px 0}.timestamp{font-size:.8em;color:#f4d59a}.progress-bar{height:10px;background:#ffd77826;border-radius:10px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#ffb700,#ffe873);box-shadow:0 0 10px #ffb700;transition:width 1s ease-out}.milky-card{background:radial-gradient(circle at top,#0b0d1a,#000010 70%);color:#d0e4ff;border:1px solid #24375f;border-radius:16px;padding:20px;width:320px;box-shadow:0 0 20px #508cff4d;font-family:Orbitron,sans-serif;transition:transform .3s ease,box-shadow .3s ease}.milky-card:hover{transform:scale(1.02);box-shadow:0 0 25px #96c8ff80}.milky-card h2{color:#9dc7ff;margin-bottom:10px}.milky-card hr{border:0;height:1px;background:#203450;margin:10px 0}.visible{color:#7fff7f;text-shadow:0 0 6px #0f0}.not-visible{color:#ff7070;text-shadow:0 0 6px #f44}.timestamp{font-size:.8em;color:#9bb4e0}.milky-visible{box-shadow:0 0 25px #96c8ff99,0 0 60px #5096ff4d;animation:milkyPulse 4s ease-in-out infinite;border-color:#4a8aff}@keyframes milkyPulse{0%{box-shadow:0 0 20px #96c8ff4d,0 0 40px #5096ff1a;transform:scale(1)}50%{box-shadow:0 0 35px #c8f0ffb3,0 0 80px #78b4ff66;transform:scale(1.02)}to{box-shadow:0 0 20px #96c8ff4d,0 0 40px #5096ff1a;transform:scale(1)}}body{background:radial-gradient(circle at top,#0a0e1a,#000);color:#cde4ff;font-family:Orbitron,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;height:100vh}h1,h2,h3{color:#7fc9ff}#root{text-align:center}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;margin-top:20px}