.kundli-result-page{z-index:1;padding:140px 8% 120px;position:relative}.result-header{text-align:center;margin-bottom:90px}.result-badge{letter-spacing:3px;color:#c084fc;text-transform:uppercase;font-size:13px}.result-header h1{background:linear-gradient(90deg,#c084fc,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:16px;font-size:56px}.result-header p{color:#e9d5ffbf;margin-top:12px}.result-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:auto;display:grid}.chart-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff26;border-radius:32px;justify-content:center;padding:60px;position:relative;box-shadow:0 0 140px #a855f740,inset 0 0 80px #ffffff0d}.chart-glow{filter:blur(120px);z-index:-1;background:#a855f740;border-radius:50%;width:360px;height:360px;margin:auto;position:absolute;inset:0}.chart-wheel{filter:drop-shadow(0 0 80px #ffffff59);width:300px;height:300px;margin:auto}.chart-card h3{color:#e9d5ff;letter-spacing:1px;margin-top:24px}.details{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.detail-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:22px 24px}.detail-box span{color:#c084fc;font-size:13px}.detail-box p{color:#fff;margin-top:6px;font-size:17px}.planet-section{text-align:center;margin-top:140px}.planet-section h2{color:#f5f3ff;margin-bottom:70px;font-size:48px}.planet-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1000px;margin:auto;display:grid}.planet-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff26;border-radius:22px;justify-content:space-between;padding:28px;font-size:18px;transition:all .35s;display:flex}.planet-card span{color:#f472b6}.planet-card:hover{box-shadow:0 0 90px #ec4899cc,inset 0 0 40px #ffffff1f}@keyframes fadeLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}.fade-left{animation:1.8s forwards fadeLeft}@keyframes imageEnter{0%{opacity:0;transform:translate(120px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.image-enter{animation:2s cubic-bezier(.19,1,.22,1) forwards imageEnter}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slow-spin{animation:40s linear infinite slowSpin}@media (max-width:900px){.result-grid,.details{grid-template-columns:1fr}.result-header h1{font-size:38px}}
