@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&family=Raleway:wght@300;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Josefin Sans,Raleway,sans-serif;background-color:#050517;color:#f0f0f0;scroll-behavior:smooth}body{overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:#a88cff;text-decoration:none;transition:color .3s ease}a:hover{color:#ffd166}h1,h2,h3,h4,h5,h6{font-family:Josefin Sans,sans-serif;letter-spacing:1px}p{line-height:1.6;font-weight:300;color:#d1c4e9}.fade-in{animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-title{text-align:center;font-size:2.8rem;margin-bottom:2rem;color:#91b6ff;text-shadow:0 0 12px rgba(192,210,237,.4);font-family:Cinzel,serif;letter-spacing:2px}.horoscope-container{min-height:100vh;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4rem 2rem;box-sizing:border-box}.horoscope-card{aspect-ratio:1 / 1;max-width:180px;width:100%}.horoscope-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:1.2rem;padding:2rem 1rem;text-align:center;color:#fff;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px #001e504d;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:180px}.horoscope-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;justify-items:center}.horoscope-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,#7e57c2,#42a5f5,#ffca28,#ef5350);background-size:400% 400%;opacity:0;transition:opacity .4s;z-index:-1;filter:blur(12px)}.horoscope-card:hover:before{opacity:1;animation:aurora 8s linear infinite}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.horoscope-card:hover{transform:translateY(-8px);box-shadow:0 0 30px #ffd7004d}.horoscope-icon{font-size:3.2rem;margin-bottom:.8rem;text-shadow:0 0 4px rgba(255,255,255,.3)}.horoscope-name{font-size:1.3rem;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;color:#f5f3ff}@media(max-width:1024px){.horoscope-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.horoscope-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.horoscope-grid{grid-template-columns:repeat(2,1fr)}}.detail-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;padding:2rem}.detail-content{text-align:center;max-width:600px;margin:0 auto}.detail-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem}.detail-text{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#b5b3b3}.detail-text.error{color:#dc143c}.back-link{color:#07f;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.fade-in{opacity:0;transform:translateY(40px) scale(.98);filter:blur(8px);animation:dramaticFadeIn 1.2s cubic-bezier(.19,1,.22,1) forwards}@keyframes dramaticFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(8px)}40%{opacity:.4;transform:translateY(20px) scale(.99);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}:root{--star-color: rgba(255, 255, 255, .8);--accent: #9c6bff;--bg-dark: #050517}body{margin:0;padding:0;font-family:Josefin Sans,Raleway,sans-serif;background-color:var(--bg-dark);color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 40%,#0c0d2a,#000010 80%);background-image:radial-gradient(var(--star-color) 1px,transparent 1px),radial-gradient(var(--star-color) 1px,transparent 1px);background-size:100px 100px,150px 150px;background-position:0 0,50px 50px;animation:drift 200s linear infinite;opacity:.8}@keyframes drift{0%{background-position:0 0,50px 50px}to{background-position:5000px 2500px,5050px 2550px}}a{color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:#ffca28}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;color:#d1c4e9}.presave-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,#0b0b12,#000 60%,#0e1333);color:#1a1a1a;font-family:Inter,sans-serif}.presave-card{text-align:center;max-width:640px;width:100%;padding:3rem 2.5rem;border-radius:24px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000026;animation:presaveIn .7s ease both}.presave-title{font-size:1.7rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;color:#111}.presave-sub-title{font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;color:#111}.presave-cta{display:inline-block;padding:1rem 1.8rem;border-radius:999px;font-weight:600;letter-spacing:.5px;border:none;background:linear-gradient(90deg,#f9a8d4,#c084fc);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #00000040}.presave-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@keyframes presaveIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}