.prediction-page{--ink:#111827;--muted:#667085;--gold:#facc15;--gold-deep:#ca8a04;max-width:1240px;margin:0 auto;padding:52px 24px 80px;color:var(--ink)}
.prediction-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:72px;align-items:center;min-height:520px;padding:44px;border:1px solid #eee6ca;border-radius:36px;background:radial-gradient(circle at 92% 16%,#fff4af 0,transparent 32%),linear-gradient(135deg,#fffef9,#fff9dd);overflow:hidden}.prediction-hero-copy{position:relative;z-index:2}
.prediction-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.prediction-eyebrow .material-symbols-outlined{font-size:18px;color:var(--gold)}
.prediction-hero h1{max-width:760px;margin:24px 0 18px;font-size:clamp(38px,5vw,38px);line-height:1.02;letter-spacing:-.045em;font-weight:900}.prediction-hero-copy>p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.75}
.prediction-trust-row{display:flex;flex-wrap:wrap;gap:12px 20px;margin:26px 0;color:#475467;font-size:13px;font-weight:700}.prediction-trust-row span{display:flex;align-items:center;gap:6px}.prediction-trust-row .material-symbols-outlined{font-size:18px;color:var(--gold-deep)}
.prediction-primary,.prediction-secondary{min-height:52px;border:0;border-radius:999px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;cursor:pointer;transition:.2s ease}.prediction-primary{background:var(--gold);color:#171717;box-shadow:0 12px 28px rgba(202,138,4,.2)}.prediction-primary:hover{transform:translateY(-2px);background:#f5bd0b}.prediction-secondary{background:#fff;color:#344054;border:1px solid #d0d5dd}.prediction-login-note{margin:10px 0 0!important;font-size:12px!important}
.prediction-orbit{position:relative;width:min(390px,76vw);aspect-ratio:1;margin:auto}.prediction-orbit-ring{position:absolute;border:1px solid rgba(202,138,4,.34);border-radius:50%;inset:8%;animation:prediction-spin 34s linear reverse infinite}.prediction-orbit-ring:after{content:"";position:absolute;width:12px;height:12px;background:var(--gold);border-radius:50%;top:11%;left:12%;box-shadow:0 0 0 7px rgba(250,204,21,.18)}.prediction-orbit-ring.ring-two{inset:23%;border-style:dashed;animation:prediction-spin 24s linear infinite}.prediction-orbit-core{position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 18px 70px rgba(120,89,0,.2)}.prediction-orbit-core img{width:52%}.prediction-orbit-node{position:absolute;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #eee2b4;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.08)}.node-one{top:7%;left:44%}.node-two{right:0;top:48%}.node-three{bottom:3%;left:38%}.node-four{left:-2%;top:47%}@keyframes prediction-spin{to{transform:rotate(360deg)}}
.prediction-how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 54px}.prediction-how article{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #ece7d8;border-radius:18px;background:#fff}.prediction-how b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff4b0}.prediction-how span{display:grid;gap:2px}.prediction-how strong{font-size:14px}.prediction-how small{color:var(--muted);font-size:11px}
.prediction-wizard{max-width:980px;margin:0 auto;border:1px solid #e6e2d5;border-radius:30px;background:#fff;box-shadow:0 28px 80px rgba(26,26,26,.08);overflow:hidden;scroll-margin-top:110px}.prediction-wizard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ece9df;background:#fffdf6}.prediction-wizard-header span,.prediction-step-heading>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#9a7500}.prediction-wizard-header h2{font-size:22px;font-weight:900}.prediction-progress{display:flex;gap:7px}.prediction-progress i{width:28px;height:5px;border-radius:99px;background:#e6e7e9}.prediction-progress i.is-active{background:var(--gold)}
.prediction-step{padding:34px 30px 24px}.prediction-step-heading{text-align:center;margin-bottom:28px}.prediction-step-heading h2{margin:7px 0 6px;font-size:clamp(25px,4vw,38px);font-weight:900;letter-spacing:-.03em}.prediction-step-heading p{color:var(--muted)}.prediction-choice-grid{display:grid;gap:13px}.goal-grid{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}
.prediction-choice{position:relative;min-height:118px;padding:19px;border:1px solid #e4e7ec;border-radius:18px;display:flex;flex-direction:column;gap:13px;cursor:pointer;background:#fff;transition:.2s}.prediction-choice:hover{border-color:#d4a900;transform:translateY(-2px)}.prediction-choice input,.prediction-mode-card input{position:absolute;opacity:0;pointer-events:none}.prediction-choice>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f7f5ee;color:#806900}.prediction-choice strong{font-size:14px}.prediction-choice>i{position:absolute;right:14px;top:14px;color:#d0d5dd;font-style:normal}.prediction-choice:has(input:checked){border-color:#d8aa00;background:#fff9dc;box-shadow:0 0 0 2px rgba(250,204,21,.35)}.prediction-choice:has(input:checked)>i{color:#b78c00}.prediction-choice:has(input:checked)>span{background:var(--gold);color:#111}
.prediction-info,.prediction-disclaimer{display:flex;gap:12px;margin-top:20px;padding:14px 16px;border-radius:14px;background:#f8f9fb;color:#475467;font-size:13px;line-height:1.55}.prediction-info .material-symbols-outlined,.prediction-disclaimer .material-symbols-outlined{color:#a17f00}
.prediction-profile-source{display:grid;gap:8px;margin-bottom:18px;padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:#fffdf5}.prediction-profile-source label{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(240px,1fr);gap:14px;align-items:center}.prediction-profile-source label>span{font-size:13px;font-weight:900}.prediction-profile-source select,.prediction-birth-form input,.prediction-birth-form select{width:100%;min-height:46px;border:1px solid #d0d5dd;border-radius:12px;padding:0 12px;background:#fff;outline:none}.prediction-profile-source select:focus,.prediction-birth-form input:focus,.prediction-birth-form select:focus{border-color:#d4a900;box-shadow:0 0 0 3px rgba(250,204,21,.18)}.prediction-profile-source p{color:var(--muted);font-size:12px}
.prediction-step[data-step="2"] .prediction-step-heading{text-align:left}.prediction-birth-form{display:grid;gap:22px}.prediction-birth-basics{display:grid;grid-template-columns:2fr 1fr;gap:13px}.prediction-birth-basics label{display:grid;gap:6px}.prediction-birth-basics label>span{font-size:12px;font-weight:900}.prediction-detail-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.prediction-detail-input{position:relative;display:flex;flex-direction:column;gap:16px;min-height:108px;padding:22px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.prediction-detail-input:hover{border-color:#e0bd18;box-shadow:0 10px 24px rgba(0,0,0,.06);transform:translateY(-1px)}.prediction-detail-input:has(.prediction-detail-top>input[type="checkbox"]:checked){grid-column:span 2;min-height:0;border:2px solid #facc15;box-shadow:0 10px 30px -5px rgba(255,197,5,.2);transform:none}.prediction-detail-top{display:grid;grid-template-columns:46px minmax(0,1fr) 21px;gap:14px;align-items:center}.prediction-detail-icon{width:46px;height:46px;display:grid;place-items:center}.prediction-detail-icon img{width:42px;height:42px;object-fit:contain}.prediction-detail-top strong{font-size:14px;font-weight:700;color:#111827}.prediction-detail-top>span:not(.prediction-detail-icon){display:grid;gap:3px}.prediction-detail-input small{color:var(--muted);font-size:11px;line-height:1.45}.prediction-detail-top>input[type="checkbox"]{-webkit-appearance:none!important;appearance:none!important;display:inline-block!important;vertical-align:middle;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:1px solid #9ca3af!important;border-radius:6px!important;background-color:#fff!important;background-image:none!important;background-origin:border-box!important;box-shadow:none!important;color:#ffdf00!important;cursor:pointer;print-color-adjust:exact}.prediction-detail-top>input[type="checkbox"]:checked{border-color:transparent!important;background-color:currentColor!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.prediction-detail-top>input[type="checkbox"]:focus{outline:2px solid transparent!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #facc15!important}.prediction-detail-control{position:relative;display:none;width:100%}.prediction-detail-input:has(.prediction-detail-top>input[type="checkbox"]:checked)>.prediction-detail-control{display:grid;gap:7px}.prediction-detail-control>input,.prediction-detail-control>select{min-height:56px!important;padding:0 18px!important;background:#f8f8f5!important;border-color:#e5e7eb!important}.prediction-place-results{position:absolute;left:0;right:0;top:61px;z-index:20;max-height:210px;overflow:auto;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.12);color:#667085;font-size:12px}.prediction-place-results button{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #f0f0f0;background:#fff;text-align:left}.prediction-place-results button:hover{background:#fff8d8}.prediction-no-share:has(.prediction-detail-top>input[type="checkbox"]:checked){grid-column:auto}.prediction-no-share .prediction-detail-top{height:100%}
.prediction-modality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.prediction-modality{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:18px;border:1px solid #e4e7ec;border-radius:18px;cursor:pointer}.prediction-modality>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff5bd;color:#755f00}.prediction-modality strong{display:block}.prediction-modality p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.prediction-modality small{display:inline-block;margin-top:9px;color:#8a6e00;font-weight:800}.prediction-modality input{position:absolute;opacity:0}.prediction-modality i{font-style:normal;color:#d0d5dd}.prediction-modality.is-selected{border-color:#d6a900;background:#fff9df;box-shadow:0 0 0 2px rgba(250,204,21,.25)}.prediction-modality.is-selected i{color:#a77e00}.prediction-modality.is-disabled{cursor:not-allowed;filter:grayscale(.65);background:#f8f8f8;opacity:.72}.prediction-modality em{position:absolute;right:14px;bottom:12px;padding:4px 7px;border-radius:7px;background:#ecfdf3;color:#027a48;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}
.prediction-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prediction-mode-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;padding:22px;border:1px solid #e4e7ec;border-radius:20px;cursor:pointer}.prediction-mode-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f4f4f5}.prediction-mode-card strong{font-size:17px}.prediction-mode-card p{margin:5px 0;color:var(--muted);font-size:13px;line-height:1.5}.prediction-mode-card small{font-weight:800;color:#7b6500}.prediction-mode-card>i{color:#d0d5dd;font-style:normal}.prediction-mode-card:has(input:checked){border-color:#d4a900;background:#fff9dc;box-shadow:0 0 0 2px rgba(250,204,21,.3)}.prediction-mode-card:has(input:checked)>i{color:#9e7800}.prediction-mode-card.is-featured>em{position:absolute;right:18px;top:-11px;padding:5px 10px;border-radius:99px;background:#171717;color:#fff;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase}
.prediction-question{display:grid;gap:8px;margin-top:22px}.prediction-question>span{font-weight:800}.prediction-question small{font-weight:500;color:var(--muted)}.prediction-question textarea{width:100%;padding:15px;border:1px solid #d0d5dd;border-radius:15px;resize:vertical;outline:none}.prediction-question textarea:focus{border-color:#d4a900;box-shadow:0 0 0 3px rgba(250,204,21,.2)}.prediction-summary{margin-top:18px;padding:16px;border:1px solid #ece5ca;border-radius:15px;background:#fffdf5;font-size:13px;line-height:1.65}.prediction-summary strong{display:block;margin-bottom:4px}.prediction-error{margin:18px 30px 0;padding:12px 15px;border-radius:12px;background:#fff1f0;color:#b42318;font-size:13px;font-weight:700}
.prediction-wizard-actions{display:flex;justify-content:space-between;gap:12px;padding:20px 30px 28px}.prediction-wizard-actions .prediction-primary{margin-left:auto}.prediction-preview{display:flex;align-items:center;gap:18px;max-width:980px;margin:0 auto;padding:28px;border:1px solid #e4e7ec;border-radius:24px;background:#fff}.prediction-preview>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff5bd;color:#8a6e00}.prediction-preview div{flex:1}.prediction-preview h2{font-size:20px;font-weight:900}.prediction-preview p{margin-top:4px;color:var(--muted);font-size:13px}.prediction-preview a{font-weight:900;color:#806400}
@media(max-width:900px){.prediction-hero{grid-template-columns:1fr;padding:30px;gap:24px}.prediction-orbit{max-width:310px}.prediction-how{grid-template-columns:1fr 1fr}.goal-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prediction-page{padding:28px 14px 60px}.prediction-hero{padding:25px 20px;border-radius:24px}.prediction-hero h1{font-size:39px}.prediction-hero-copy>p{font-size:15px}.prediction-how,.goal-grid,.detail-grid,.prediction-modality-grid,.prediction-mode-grid,.prediction-birth-basics,.prediction-detail-input-grid{grid-template-columns:1fr}.prediction-profile-source label{grid-template-columns:1fr}.prediction-detail-input:has(.prediction-detail-top>input[type="checkbox"]:checked),.prediction-place-card,.prediction-no-share{grid-column:auto}.prediction-place-results{left:15px;right:15px;top:110px}.prediction-step{padding:28px 18px 18px}.prediction-wizard-header,.prediction-wizard-actions{padding-left:18px;padding-right:18px}.prediction-preview{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.prediction-orbit-ring{animation:none}.prediction-choice,.prediction-primary{transition:none}}