.personal-tool-section { background:radial-gradient(circle at 15% 15%,rgba(107,52,143,.24),transparent 30%),radial-gradient(circle at 85% 70%,rgba(214,172,80,.1),transparent 28%),#090617; }
.personal-tool-shell { display:grid; grid-template-columns:.72fr 1.28fr; gap:52px; align-items:start; }
.personal-tool-intro { position:static; }
.personal-tool-intro h2 { margin:14px 0; font-size:clamp(40px,5vw,60px); line-height:1.12; }
.personal-tool-intro h2 em { display:block; color:var(--gold-light); font-family:var(--display); font-style:normal; }
.personal-tool-intro > p { color:var(--muted); }
.privacy-promise { display:flex; gap:13px; margin-top:23px; padding:17px; border:1px solid rgba(117,211,157,.23); border-radius:14px; background:rgba(68,146,103,.07); }
.privacy-promise > span { color:#8ce0ad; }
.privacy-promise p { display:flex; flex-direction:column; margin:0; }
.privacy-promise strong { color:#d4eadc; font-size:12px; }
.privacy-promise small { margin-top:3px; color:#81948a; font-size:10px; line-height:1.55; }
.personal-guidance-form { display:grid; grid-template-columns:1fr 1fr; gap:17px; padding:30px; border:1px solid rgba(214,172,80,.23); border-radius:24px; background:linear-gradient(145deg,rgba(31,21,53,.87),rgba(12,9,27,.97)); box-shadow:0 25px 80px rgba(0,0,0,.3); }
.guidance-form-heading { grid-column:1/-1; display:flex; align-items:center; gap:14px; padding-bottom:18px; border-bottom:1px solid rgba(214,172,80,.14); }
.guidance-form-heading > span { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(214,172,80,.37); border-radius:50%; color:var(--gold-light); font:25px var(--display); }
.guidance-form-heading > div { display:flex; flex-direction:column; }
.guidance-form-heading strong { color:#e6dfe9; }
.guidance-form-heading small { color:var(--muted); font-size:10px; }
.personal-guidance-form label { display:flex; flex-direction:column; gap:7px; color:#bbb4c5; font-size:11px; }
.personal-guidance-form label small { color:#746d7e; }
.personal-guidance-form input,.personal-guidance-form select { width:100%; height:52px; padding:0 14px; border:1px solid rgba(214,172,80,.2); border-radius:11px; color:var(--cream); background:#120d25; outline:0; font:500 13px var(--font); color-scheme:dark; }
.personal-guidance-form input:focus,.personal-guidance-form select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(214,172,80,.08); }
.full-field { grid-column:1/-1; }
.personal-guidance-form > .btn { border:0; }
.guidance-consent { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border:1px solid rgba(117,211,157,.16); border-radius:11px; background:rgba(117,211,157,.04); }
.guidance-consent > span { color:#86d8a7; }
.guidance-consent p { margin:0; color:#89938d; font-size:10px; line-height:1.55; }
.guidance-form-message { min-height:20px; margin:0; color:var(--gold-light); font-size:11px; text-align:center; }
.personal-guidance-result { grid-column:1/-1; scroll-margin-top:100px; margin-top:10px; padding:34px; border:1px solid rgba(214,172,80,.27); border-radius:25px; background:linear-gradient(145deg,rgba(39,25,62,.9),rgba(10,7,23,.98)); box-shadow:0 28px 90px rgba(0,0,0,.34); }
.personal-guidance-result[hidden] { display:none; }
.guidance-result-heading { max-width:820px; margin:0 auto 26px; text-align:center; }
.guidance-result-heading h2 { margin:10px 0 4px; color:var(--gold-light); font-size:clamp(30px,4vw,48px); }
.guidance-result-heading > p { color:var(--muted); }
.guidance-result-heading .guidance-summary { margin-top:16px; color:#c8c0d0; line-height:1.7; }
.guidance-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.guidance-fact { display:flex; flex-direction:column; gap:5px; padding:15px; border:1px solid rgba(214,172,80,.13); border-radius:12px; background:rgba(255,255,255,.025); }
.guidance-fact span { color:#81798b; font-size:9px; }
.guidance-fact strong { color:#ead9aa; font-size:13px; }
.guidance-sections { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:20px; }
.guidance-advice-card { padding:20px; border:1px solid rgba(214,172,80,.15); border-radius:15px; background:rgba(9,7,22,.48); }
.guidance-advice-card > span { color:rgba(214,172,80,.5); font:700 23px var(--display); }
.guidance-advice-card h3 { margin:12px 0 7px; font-size:16px; }
.guidance-advice-card p { margin:0; color:#aaa2b4; font-size:11px; line-height:1.7; }
.auspicious-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; margin-top:22px; }
.auspicious-results[hidden] { display:none; }
.auspicious-date-card { position:relative; padding:21px; border:1px solid rgba(214,172,80,.19); border-radius:16px; background:radial-gradient(circle at 100% 0,rgba(214,172,80,.09),transparent 40%),rgba(8,6,20,.55); }
.date-rank { color:#857d8f; font-size:9px; }
.date-score { position:absolute; top:16px; right:17px; color:var(--gold-light); font:700 23px var(--display); }
.auspicious-date-card h3 { margin:13px 50px 7px 0; color:#e3d6b0; font-size:16px; }
.date-time { color:var(--gold); font-size:11px; }
.auspicious-date-card ul { margin:12px 0 0; padding-left:18px; color:#9f97a9; font-size:10px; line-height:1.7; }
.result-privacy { margin:24px 0 18px; padding:14px 17px; border-left:2px solid #7cd3a0; color:#89968f; background:rgba(69,144,101,.05); font-size:10px; }
.guidance-edit { display:block; margin:0 auto; border-color:rgba(240,207,122,.58); color:#fff1c5; background:rgba(25,17,43,.92); box-shadow:0 8px 24px rgba(0,0,0,.24); }
.guidance-edit:hover,.guidance-edit:focus-visible { border-color:#f0cf7a; color:#171020; background:#f0cf7a; box-shadow:0 10px 30px rgba(214,172,80,.28); }
@media(max-width:900px){.personal-tool-shell{grid-template-columns:1fr}.personal-tool-intro{position:static}.guidance-sections{grid-template-columns:1fr}}
@media(max-width:620px){.personal-guidance-form{grid-template-columns:1fr;padding:20px}.personal-guidance-form label,.full-field,.guidance-form-heading,.guidance-consent,.personal-guidance-form>.btn,.guidance-form-message{grid-column:1}.personal-guidance-result{padding:22px}.guidance-facts{grid-template-columns:1fr 1fr}}