.retro-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:1rem;background:#fff;border:1px solid #e5e7eb;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.retro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--retro-color),transparent);opacity:0;transition:opacity .3s ease}.retro-card:hover{border-color:#d1d5db;box-shadow:0 10px 40px -10px var(--retro-glow);transform:translateY(-3px)}.retro-card:hover:before{opacity:1}.retro-card-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.retro-card-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--retro-color),transparent);font-size:1.25rem;opacity:.15;position:relative}.retro-card-symbol:after{content:attr(data-symbol);position:absolute}.retro-card-periods{display:flex;flex-direction:column;gap:.5rem}.retro-card-period{display:flex;align-items:center;gap:.5rem}.retro-card-period-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.retro-card-arrow{display:flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:1rem}.eclipse-card{display:flex;gap:1rem;padding:1.5rem;border-radius:1rem;background:#fff;border:1px solid #e5e7eb;transition:all .3s ease}.eclipse-card:hover{border-color:#d1d5db;box-shadow:0 4px 20px -4px #0000000f}.eclipse-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.eclipse-card-arrow{display:flex;align-items:center;gap:.25rem;margin-top:.75rem}.moon-card{display:flex;flex-direction:column;padding:1.25rem;border-radius:.875rem;background:#fff;border:1px solid #e5e7eb;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.moon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--moon-color),transparent);opacity:0;transition:opacity .3s ease}.moon-card:hover{border-color:#d1d5db;box-shadow:0 8px 30px -8px #00000014;transform:translateY(-2px)}.moon-card:hover:before{opacity:1}.moon-card-header{display:flex;align-items:center;gap:.625rem}.moon-card-symbol{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--moon-color),transparent);font-size:1.1rem;opacity:.15;flex-shrink:0}.moon-card-arrow{display:flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:.75rem}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}