*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cosmic-container{min-height:100vh;background:linear-gradient(135deg,#0a0015 0%,#1a0b2e 50%,#16001e 100%);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:900px;width:100%}.header-section{margin-bottom:2rem}.zodiac-wheel-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;position:relative}.outer-ring{position:absolute;width:320px;height:320px;border:1px solid rgba(255,215,0,.2);border-radius:50%;box-shadow:0 0 20px #ffd7001a}.middle-ring{position:absolute;width:300px;height:300px;border:1px dashed rgba(255,215,0,.15);border-radius:50%}.zodiac-wheel{position:relative;width:280px;height:280px;border:2px solid rgba(255,215,0,.4);border-radius:50%;box-shadow:0 0 60px #ffd7004d,inset 0 0 60px #ffd70026;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%)}.zodiac-sign{position:absolute;width:55px;height:55px;background:radial-gradient(circle,rgba(26,11,46,.95) 0%,rgba(26,11,46,.8) 100%);border:2px solid rgba(255,215,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a}.zodiac-sign.current-sign{background:radial-gradient(circle,rgba(255,215,0,.3) 0%,rgba(26,11,46,.9) 100%);border:3px solid #FFD700;box-shadow:0 0 40px #ffd700b3,inset 0 0 25px #ffd7004d}.sign-symbol{font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:radial-gradient(circle,rgba(26,11,46,.98) 0%,rgba(26,11,46,.85) 100%);border:3px solid #FFD700;border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 50px #ffd70099,inset 0 0 30px #ffd70033}.center-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 3s infinite}@keyframes pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.center-sign-symbol{font-size:2.5rem;color:gold;margin-bottom:.2rem;text-shadow:0 0 20px rgba(255,215,0,1);filter:drop-shadow(0 0 10px rgba(255,215,0,.8));z-index:2}.center-sign-name{font-size:.75rem;color:#daa520;letter-spacing:.15em;text-transform:uppercase;z-index:2;text-shadow:0 0 10px rgba(255,215,0,.5)}.title{font-size:3rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,#DAA520 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.3)}.subtitle{font-size:.85rem;letter-spacing:.3em;color:#daa520;margin-bottom:0;font-weight:300}.description{max-width:600px;margin:2rem auto;line-height:1.8;color:#ffffffb3;font-size:1rem}.cta-section{margin-top:2rem}.cta-button{position:relative;padding:1rem 3rem;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border:none;border-radius:50px;color:#0a0015;font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;overflow:hidden;box-shadow:0 0 40px #ffd70066;transition:all .3s ease}.button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:white;border-radius:50px}.cta-button span{position:relative;z-index:1}@media (max-width: 768px){.title{font-size:2rem}.outer-ring{width:260px;height:260px}.middle-ring{width:240px;height:240px}.zodiac-wheel{width:220px;height:220px}.zodiac-sign{width:45px;height:45px}.sign-symbol{font-size:1.4rem}.wheel-center{width:75px;height:75px}.center-sign-symbol{font-size:1.8rem}}.reading-symbol{color:#d4af37;font-size:1.4em;text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px rgba(212,175,55,.5);margin-right:.5em;display:inline-block}.reading-content{line-height:1.8;font-size:1.05rem}.reading-symbol{color:#d4af37;font-size:1.4em;text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px rgba(212,175,55,.5),0 0 30px rgba(212,175,55,.3);filter:drop-shadow(0 0 8px rgba(212,175,55,.6));display:inline-block;margin-right:.5em}.reading-header{color:#d4af37;font-weight:600;font-size:1.15em;letter-spacing:.05em;margin-top:1.5em;margin-bottom:.8em;display:flex;align-items:center}.reading-header:first-of-type{margin-top:0}@tailwind base;@tailwind components;@tailwind utilities;