body{font-family:Poppins,Arial,sans-serif;text-align:center;background:#121212;color:#fff;margin:0;padding:0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;box-shadow:0 4px 15px #0003;position:fixed;width:100%;top:0;z-index:1000}.navbar a{color:#fff;text-decoration:none;font-weight:600;margin:0 1.5rem;padding:10px 15px;border-radius:8px;transition:background .3s ease-in-out,transform .2s ease-in-out}.navbar a:hover{background:#64ffda;color:#121212;transform:scale(1.1)}.container{padding:80px 20px;max-width:1200px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:30px}.image-card{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000040;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;position:relative}.image-card:hover{transform:translateY(-10px);box-shadow:0 12px 25px #0000004d}.image-card img{width:100%;height:220px;object-fit:cover}.image-card .content{padding:20px;text-align:left}.image-card h3{margin:10px 0;font-size:1.3rem;font-weight:600}.image-card p{font-size:.9rem;color:#b0b0b0}.btn{display:inline-block;background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;padding:12px 18px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:background .3s ease-in-out,transform .2s ease-in-out}.btn:hover{background:linear-gradient(135deg,#e52d5a,#ff5733);transform:scale(1.05)}.filters{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.search-input,.date-input,.filter-select{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;outline:none;transition:all .3s ease-in-out;background:#fff;color:#333;box-shadow:0 2px 8px #0000001a}.search-input{width:220px}.date-input{width:160px}.filter-select{cursor:pointer;width:140px}.search-input:focus,.date-input:focus,.filter-select:focus{border-color:#ff4b2b;box-shadow:0 4px 12px #ff4b2b4d}.loading-text,.error-text{text-align:center;font-size:18px;color:red}.no-results{text-align:center;font-size:18px;color:#555}@media (max-width: 768px){.navbar{flex-direction:column;text-align:center;padding:20px}.navbar a{margin:10px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}input,select{width:100%}}.details-container{max-width:800px;margin:100px auto 40px;padding:20px;background:#1e1e1e;color:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;text-align:center;transition:all .3s ease-in-out}.image-container{position:relative;overflow:hidden;border-radius:12px}.apod-image,.apod-video{width:100%;height:auto;max-height:400px;border-radius:12px;transition:transform .3s ease-in-out}.apod-image:hover{transform:scale(1.05)}.info{padding:20px}h2{font-size:24px;margin-bottom:10px}.copyright{font-size:14px;font-style:italic;color:#ffdd57;margin-top:5px}.description{font-size:16px;line-height:1.5;margin:20px 0}.favorite-btn{display:inline-block;padding:12px 20px;font-size:16px;color:#fff;background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.favorite-btn:hover{background:linear-gradient(135deg,#ff4b2b,#ff416c);transform:scale(1.05)}.favorite-btn.active{background:linear-gradient(135deg,#333,#555)}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background:#1e1e1e;z-index:1000;box-shadow:0 2px 5px #0000001a}.favorites-container{max-width:900px;margin:100px auto 40px;padding:20px;background:#1e1e1e;color:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;text-align:center;transition:all .3s ease-in-out}h2{font-size:28px;margin-bottom:20px}.no-favorites{font-size:16px;color:#ff9f43}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.image-card{background:#2a2a2a;border-radius:10px;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 10px #ffffff1a}.image-card:hover{transform:scale(1.05)}.image-wrapper{height:200px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;align-items:center}.fav-image,.fav-video{width:100%;height:100%;object-fit:cover}.image-info{padding:15px}.date{font-size:14px;color:#aaa}.remove-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;padding:10px 15px;font-size:14px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.remove-btn:hover{background:linear-gradient(135deg,#ff4b2b,#ff416c)}Navbar container .navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;box-shadow:0 4px 12px #0003;position:sticky;top:0;width:100%;z-index:100}.logo{font-size:22px;font-weight:700;text-decoration:none;color:#fc0;transition:color .3s ease-in-out}.logo:hover{color:#fa0}.nav-links{display:flex;gap:10px}.nav-links a{text-decoration:none;font-size:18px;color:#f0f0f0;padding:8px 16px;border-radius:8px;transition:all .3s ease-in-out}.nav-links a:hover{background:#ff4b2b;color:#fff;box-shadow:0 3px 10px #ff4b2b4d}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;padding:12px 16px}.nav-links{margin-top:10px}.nav-links a{font-size:16px;padding:6px 12px}}@media (max-width: 380px){.navbar{padding:10px}.logo{font-size:18px}.nav-links{flex-direction:column;gap:8px;text-align:center}.nav-links a{font-size:16px;padding:8px 14px;width:100%;display:block}}