.horoscope-page{background:linear-gradient(#0f0a1e 0%,#1a1333 50%,#0f172a 100%);min-height:100vh;padding-bottom:60px}.cosmic-hero{text-align:center;padding:60px 0;position:relative;overflow:hidden}.stars-bg{background-image:radial-gradient(2px 2px at 20px 30px,#fffc,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff80,#0000),radial-gradient(1px 1px at 90px 40px,#fff9,#0000),radial-gradient(2px 2px at 130px 80px,#ffffffb3,#0000),radial-gradient(1px 1px at 160px 120px,#ffffff80,#0000);background-size:200px 200px;animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.hero-content{z-index:1;position:relative}.hero-badge{color:#c4b5fd;background:linear-gradient(135deg,#a855f733,#8b5cf633);border:1px solid #a855f74d;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge i{color:#a855f7}.hero-title{color:#fff;background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 15px;font-size:48px;font-weight:900}.hero-date{color:#94a3b8;align-items:center;gap:10px;font-size:16px;font-weight:500;display:inline-flex}.hero-date i{color:#a855f7}.hero-stale{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-stale i{color:#fbbf24}.cosmic-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(40px);opacity:.4;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#a855f7,#6366f1);width:200px;height:200px;top:10%;left:10%}.orb-2{background:linear-gradient(135deg,#ec4899,#f43f5e);width:150px;height:150px;animation-delay:2s;top:20%;right:15%}.orb-3{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:100px;height:100px;animation-delay:4s;bottom:20%;left:30%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.zodiac-section{padding:40px 0}.section-intro{text-align:center;margin-bottom:40px}.section-intro h2{color:#fff;margin:0 0 10px;font-size:28px;font-weight:800}.section-intro p{color:#94a3b8;margin:0;font-size:15px}.zodiac-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.zodiac-card{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.zodiac-card:hover,.zodiac-card:focus{color:inherit;text-decoration:none}.zodiac-card:hover{border-color:var(--zodiac-color);background:#ffffff0f;transform:translateY(-4px)}.zodiac-card.active{background:linear-gradient(135deg, var(--zodiac-color), var(--zodiac-dark));box-shadow:0 15px 40px color-mix(in srgb, var(--zodiac-color) 40%, transparent);border-color:#0000}.card-glow{background:radial-gradient(circle, var(--zodiac-color), transparent);opacity:0;width:100px;height:100px;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.zodiac-card:hover .card-glow,.zodiac-card.active .card-glow{opacity:.3}.card-icon{background:#ffffff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:36px;transition:all .3s;display:flex}.zodiac-card.active .card-icon{background:#fff3}.card-info{flex:1}.card-name{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700;display:block}.card-dates{color:#94a3b8;font-size:11px;font-weight:500;display:block}.zodiac-card.active .card-dates{color:#ffffffb3}.card-select{color:#64748b;opacity:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;transform:translate(-10px)}.zodiac-card:hover .card-select,.zodiac-card.active .card-select{opacity:1;color:#fff;transform:translate(0)}.prediction-section{padding:50px 0}.prediction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:32px;padding:40px;position:relative;overflow:hidden}.card-bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.card-constellation{background:radial-gradient(circle,#a855f726 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:20px;right:20px}.pred-header{z-index:1;align-items:center;gap:25px;margin-bottom:30px;display:flex;position:relative}.pred-icon{background:linear-gradient(135deg,#a855f733,#8b5cf61a);border:2px solid #a855f74d;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:50px;display:flex}.pred-name{color:#fff;margin:0 0 8px;font-size:32px;font-weight:900}.pred-meta{color:#94a3b8;align-items:center;gap:12px;font-size:14px;display:flex}.pred-divider{opacity:.3}.pred-today{color:#a855f7;font-weight:600}.energy-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:35px;display:grid;position:relative}.energy-item{background:#ffffff08;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.energy-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.energy-icon.love{background:linear-gradient(135deg,#f43f5e,#e11d48)}.energy-icon.career{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.energy-icon.health{background:linear-gradient(135deg,#10b981,#059669)}.energy-icon.luck{background:linear-gradient(135deg,#f59e0b,#d97706)}.energy-label{color:#94a3b8;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.energy-bar{background:#ffffff1a;border-radius:3px;width:80px;height:6px;overflow:hidden}.energy-fill{background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:3px;height:100%;transition:width .8s ease-out}.pred-content{z-index:1;background:#ffffff05;border-radius:20px;margin-bottom:25px;padding:30px;position:relative}.content-label{color:#a855f7;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:15px;font-size:13px;font-weight:700;display:flex}.pred-text{color:#e2e8f0;margin:0;font-size:17px;font-weight:400;line-height:1.9}.pred-footer{z-index:1;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:20px;display:flex;position:relative}.footer-tip{color:#64748b;align-items:center;gap:10px;font-size:13px;display:flex}.footer-tip i{color:#f59e0b}.share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #a855f74d}.facts-section{padding:40px 0}.facts-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.fact-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:15px;padding:25px;display:flex}.fact-icon{color:#a855f7;background:linear-gradient(135deg,#a855f733,#8b5cf61a);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.fact-content h4{color:#94a3b8;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:600}.fact-content p{color:#fff;margin:0;font-size:15px;font-weight:700}.banner-area{margin-top:40px}@media (max-width:1024px){.zodiac-grid{grid-template-columns:repeat(3,1fr)}.energy-grid,.facts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.horoscope-page{padding-bottom:40px}.cosmic-hero{padding:40px 0}.hero-title{font-size:32px}.zodiac-grid{grid-template-columns:repeat(2,1fr);gap:10px}.zodiac-card{gap:12px;padding:15px}.card-icon{width:46px;height:46px;font-size:26px}.card-name{font-size:14px}.card-select{display:none}.prediction-card{border-radius:24px;padding:25px}.pred-header{text-align:center;flex-direction:column;gap:15px}.pred-icon{width:80px;height:80px;font-size:40px}.pred-name{font-size:26px}.pred-meta{flex-wrap:wrap;justify-content:center}.energy-grid{grid-template-columns:repeat(2,1fr);gap:10px}.energy-item{padding:12px}.pred-content{padding:20px}.pred-text{font-size:15px}.pred-footer{flex-direction:column;gap:15px}.footer-tip{text-align:center}.facts-grid{grid-template-columns:1fr}}