*{box-sizing:border-box;margin:0;padding:0}body{color:#ddd;background-color:#222;min-height:100vh;font-family:Arial,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:#333;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.logo{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.nasa-logo{height:30px}.user-controls{align-items:center;gap:15px;display:flex}.profile-icon{color:#ccc;cursor:pointer;background-color:#444;border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;padding:5px;display:flex}.profile-icon:hover{background-color:#555}.login-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:5px;padding:8px 20px;font-size:14px}.login-btn:hover{background-color:#444}.primary-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:5px;padding:12px 30px;font-size:16px;font-weight:700}.primary-btn:hover{background-color:#1d4ed8}.secondary-btn{color:#ccc;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:5px;padding:12px 30px;font-size:14px}.secondary-btn:hover{color:#fff;background-color:#444}.hero{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.subtitle{color:#2563eb;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:13px;font-weight:700}.hero-description,.fact-content{color:#999;margin-bottom:25px;font-size:16px;line-height:1.6}.auth-card{max-width:380px;padding:30px}.auth-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.input-field{color:#fff;background-color:#333;border:1px solid #555;border-radius:5px;outline:none;padding:12px 15px;font-size:14px}.input-field::placeholder{color:#777}.input-field:focus{border-color:#2563eb}.btn-group{flex-direction:column;gap:10px;margin-top:5px;display:flex}.error-msg{color:red;text-align:left;min-height:18px;margin:0;font-size:13px}.dashboard-shell{flex-direction:column;gap:20px;width:90%;max-width:1100px;margin:30px auto;display:flex}.dashboard-hero{text-align:left;justify-content:space-between;align-items:center;max-width:none;padding:25px;display:flex}.dashboard-hero h2{margin:0;font-size:28px}.dashboard-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fact-status{color:#ddd;background-color:#333;border:1px solid #2563eb;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.fact-status.loading{color:orange;border-color:orange}.fact-section{width:100%}.fact-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.fact-item{background-color:#333;border:1px solid #444;border-radius:10px;overflow:hidden}.fact-item-image{object-fit:cover;background-color:#111;width:100%;height:200px}.fact-item-content{padding:15px}.fact-item-meta{color:#2563eb;text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.fact-item-content h3{color:#fff;margin-bottom:8px;font-size:18px}.fact-item-content p{color:#999;font-size:14px;line-height:1.5}@media (width<=720px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 15px}.dashboard-actions{justify-content:space-between;width:100%}.primary-btn{width:100%}}
