@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');.sti-horoscope-container{display:flex;justify-content:center;gap:20px;max-width:1000px;margin:1.5rem auto;padding:20px;border:2px
solid #6a5acd;border-radius:15px;background:#0F0F0F;flex-wrap:wrap;align-items:stretch;box-shadow:0 4px 15px rgba(106, 90, 205, 0.2)}.sti-horoscope-top-heading{flex:0 0 100%;text-align:center;margin-bottom:20px}.sti-horoscope-heading-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:10px}.sti-horoscope-heading-wrapper
img{width:10%;margin-top:10px}.sti-horoscope-heading{font-family:'Montserrat',sans-serif;font-size:2rem;font-weight:700;color:#6a5acd;text-shadow:1px 1px 4px rgba(106, 90, 205, 0.2);margin:0}.sti-horoscope-form,#horoscopeResult{flex:0 0 450px;max-width:100%;box-sizing:border-box;min-height:250px}@media (max-width: 700px){.sti-horoscope-container{flex-direction:column;gap:20px;flex-wrap:wrap}.sti-horoscope-form,#horoscopeResult{flex:none;width:100%;max-width:100%}}.sti-horoscope-form{max-width:360px;margin:1rem auto;background:#333;border-radius:10px;padding:20px
25px;font-family:'Montserrat',sans-serif;box-shadow:0 6px 15px rgba(0,0,0,0.1)}.sti-horoscope-form
label{font-weight:600;color:#333;display:block;margin-bottom:8px;font-size:14px}.sti-horoscope-form
select{width:100%;padding:10px
15px;margin-bottom:20px;border-radius:6px;border:1.8px solid #ddd;font-size:15px;cursor:pointer;transition:border-color 0.3s ease;appearance:none;background:white url("data:image/svg+xml;charset=US-ASCII,%3csvg%20width%3d%2210%22%20height%3d%227%22%20viewBox%3d%220%200%2010%207%22%20xmlns%3d%22http%3a//www.w3.org/2000/svg%22%3e%3cpath%20d%3d%22M0%200l5%207%205-7z%22%20fill%3d%23666%22/%3e%3c/svg%3e") no-repeat right 15px center;background-size:10px 7px}.sti-horoscope-form select:hover,
.sti-horoscope-form select:focus{border-color:#6a5acd;outline:none}.btn-submit{background:linear-gradient(45deg, #6a5acd, #8b79f6);color:white;border:none;padding:12px
22px;border-radius:30px;font-weight:600;cursor:pointer;font-size:16px;box-shadow:0 4px 10px rgba(106, 90, 205, 0.5);display:flex;align-items:center;gap:10px;transition:background 0.3s ease}.btn-submit:hover{background:linear-gradient(45deg, #8b79f6, #6a5acd)}#horoscopeResult{min-width:250px;min-height:250px;background:white;border-radius:8px;box-shadow:0 6px 15px rgba(0,0,0,0.08);padding:15px
20px;font-family:'Montserrat',sans-serif;font-size:14px;color:#333;align-items:center;justify-content:center;color:#999}#horoscopeResult:empty::before{content:"Your horoscope will appear here.";color:#bbb;width:100%;text-align:center;display:flex}#horoscopeResult
h3{margin:0;color:#6a5acd}#horoscopeResult
p{margin:5px}@media (max-width: 400px){.sti-horoscope-form,#horoscopeResult{max-width:90vw}}