.zodiac-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width: 600px){.zodiac-list{gap:10px}}.zodiac-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center;padding:20px;width:150px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-family:Arial,sans-serif}.zodiac-card img{width:60px;height:60px;margin-bottom:10px}.zodiac-card h3{color:#333;font-size:16px;margin:10px 0}.zodiac-card p{color:#6c757d;font-size:14px}.zodiac-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}@media (max-width: 600px){.zodiac-card{width:120px;padding:15px}}.zodiac-detail{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px;max-width:600px;width:100%;margin:20px;font-family:Arial,sans-serif;position:relative;overflow:hidden;transition:opacity .3s ease-in-out}.zodiac-detail .container{display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s ease-in-out}.zodiac-detail .container .wrap-img{margin-bottom:20px;padding:10px}.zodiac-detail .container .wrap-img img{width:100%;max-width:300px}.zodiac-detail .container.visible{opacity:1}.zodiac-detail p{color:#333;font-size:16px;line-height:1.5;text-align:center}.zodiac-detail .error{color:red;font-weight:700}.zodiac-detail .loading{display:flex;justify-content:center;align-items:center;height:100%}.zodiac-detail .spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zodiac-detail .description{font-size:1rem;color:#444;line-height:1.5;transition:opacity .3s ease-in-out}@media (max-width: 600px){.zodiac-detail{padding:15px;margin:10px}}.app{font-family:Arial,sans-serif;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px}@media (max-width: 600px){.app{padding:10px}}header{width:100%;background-color:#fff;padding:10px 20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{color:#007bff;font-size:24px}header div button{background-color:#007bff;border:none;color:#fff;padding:8px 12px;margin-left:10px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}header div button:hover{background-color:#0062cc}*{margin:0;padding:0;box-sizing:border-box}