.basic-shell{max-width:1080px;margin:0 auto;padding:28px 18px 60px}.basic-hero,.basic-panel,.basic-premium,.basic-form-card{background:var(--card,#111827);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;margin-bottom:16px}.basic-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.basic-hero h1{margin:.25rem 0 .55rem}.basic-free{display:inline-flex;border:1px solid #d8b85e;border-radius:999px;padding:5px 10px;font-weight:700}.basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.basic-grid .full{grid-column:1/-1}.basic-grid label{display:grid;gap:6px;font-weight:600}.basic-grid input,.basic-grid select{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:inherit}.basic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.basic-place-wrap{position:relative}.basic-place-suggestions{position:absolute;z-index:20;left:0;right:0;top:100%;background:#111827;border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;max-height:260px;overflow-y:auto}.basic-place-suggestions button{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.basic-message{margin-top:12px}.basic-message.error{color:#ef9a9a}.basic-message.loading{opacity:.8}.basic-result-head{display:flex;gap:10px;align-items:center}.basic-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.basic-overview>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);display:grid;gap:4px}.basic-table-wrap{overflow-x:auto}.basic-table-wrap table{width:100%;border-collapse:collapse}.basic-table-wrap th,.basic-table-wrap td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.basic-premium{border-color:rgba(216,184,94,.45)}@media(max-width:720px){.basic-grid{grid-template-columns:1fr}.basic-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-hero{display:block}}

/* V10256 Basic Astrology web presentation correction */
:root{--basic-bg:#041711;--basic-panel:#0a2b23;--basic-panel-2:#08231d;--basic-gold:#f7cc5c;--basic-text:#f8fbf9;--basic-muted:#bfd4cc;--basic-line:rgba(255,255,255,.13)}
html{background:var(--basic-bg)}
body.product-app-page[data-service-id="basic-astrology"]{margin:0;min-height:100vh;color:var(--basic-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 0,#0b3b30 0,#06271f 34%,#041711 72%);font-size:14px}
body.product-app-page[data-service-id="basic-astrology"] *{box-sizing:border-box}
.basic-shell{max-width:1120px;margin:0 auto;padding:24px 18px 60px}
.basic-hero,.basic-panel,.basic-premium,.basic-form-card{background:linear-gradient(145deg,rgba(13,54,44,.96),rgba(6,35,29,.96));border:1px solid var(--basic-line);border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.basic-hero{padding:18px 20px;align-items:center;border-color:rgba(247,204,92,.22)}
.basic-hero h1{color:var(--basic-gold);font-size:28px;line-height:1.1;margin:5px 0 6px}
.basic-hero p{color:var(--basic-muted);font-size:12.5px;line-height:1.45;max-width:760px;margin:0}
.basic-free{color:#08261f;background:var(--basic-gold);border:0;padding:4px 9px;font-size:10px;letter-spacing:.06em}
.basic-form-card{padding:16px 18px}
.basic-grid{gap:10px 12px}
.basic-grid label{color:#eadb9c;font-size:11px;font-weight:750;gap:4px}
.basic-grid input,.basic-grid select{min-height:38px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#05251e;color:#fff;font-size:12px;outline:none}
.basic-grid input:focus,.basic-grid select:focus{border-color:rgba(247,204,92,.72);box-shadow:0 0 0 2px rgba(247,204,92,.10)}
.basic-grid input[readonly]{color:#bcd2ca;background:#041d17}
.basic-grid small{font-size:9.5px;font-weight:500;line-height:1.3;color:var(--basic-muted)}
.basic-actions{margin-top:12px;gap:8px}
.basic-actions .btn,.basic-hero .btn,.basic-premium .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:9px;padding:8px 12px;text-decoration:none;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.18);background:#0d3b30;color:#fff}
.basic-actions button.btn,.basic-hero .btn:first-of-type,.basic-premium .btn{background:var(--basic-gold);color:#07372b;border-color:var(--basic-gold)}
.basic-actions .btn.secondary{background:#0d3b30;color:#fff;border-color:rgba(255,255,255,.18)}
.basic-place-suggestions{background:#06251f;border-color:rgba(255,255,255,.2);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.basic-place-suggestions button{color:#fff;font-size:11px}
.basic-place-suggestions button:hover{background:rgba(255,255,255,.07)}
.basic-message{font-size:11px;line-height:1.35;color:#ffd87a}.basic-message.error{color:#ffadad}
#basicAstrologyResult{margin-top:14px}
.basic-result-head{gap:8px;margin:0 0 8px}.basic-result-head h2{margin:0;color:var(--basic-gold);font-size:21px}
.basic-panel,.basic-premium{padding:14px 16px;margin-bottom:10px}
.basic-panel h3{margin:0 0 10px;color:#f4dfa0;font-size:14px}
.basic-overview{gap:8px}.basic-overview>div{padding:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:10px}.basic-overview small{color:var(--basic-muted);font-size:9.5px}.basic-overview strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
.basic-table-wrap{border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:auto}.basic-table-wrap table{font-size:11px}.basic-table-wrap th{color:#f0dda2;background:rgba(255,255,255,.04);font-size:10px}.basic-table-wrap th,.basic-table-wrap td{padding:8px 9px}.basic-table-wrap td{color:#eef7f3}
.basic-premium{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(247,204,92,.35)}.basic-premium p{margin:0;color:var(--basic-muted);font-size:11px;line-height:1.4}
@media(max-width:720px){.basic-shell{padding:14px 10px 36px}.basic-hero{padding:14px;display:block}.basic-hero h1{font-size:24px}.basic-hero .btn{margin-top:10px}.basic-form-card{padding:12px}.basic-grid{grid-template-columns:1fr}.basic-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-premium{display:block}.basic-premium .btn{margin-top:10px}}

/* V10258 launch UI hardening: explicit contrast + compact desktop layout */
body.product-app-page[data-service-id="basic-astrology"]{
  background:radial-gradient(circle at 12% 0,#0d3a30 0,#07261f 38%,#041711 76%) !important;
  color:#f8fbf9 !important;
}
body.product-app-page[data-service-id="basic-astrology"] .basic-shell{max-width:1120px;padding:18px 16px 42px}
body.product-app-page[data-service-id="basic-astrology"] .basic-hero,
body.product-app-page[data-service-id="basic-astrology"] .basic-form-card,
body.product-app-page[data-service-id="basic-astrology"] .basic-panel,
body.product-app-page[data-service-id="basic-astrology"] .basic-premium{
  background:linear-gradient(145deg,#0b332a,#071f1a) !important;
  color:#f8fbf9 !important;
  border:1px solid rgba(247,204,92,.20) !important;
}
body.product-app-page[data-service-id="basic-astrology"] .basic-hero{padding:14px 18px;margin-bottom:12px;min-height:0}
body.product-app-page[data-service-id="basic-astrology"] .basic-hero h1{color:#f7cc5c !important;font-size:27px !important;margin:4px 0 5px !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-hero p{color:#c9ddd5 !important;font-size:12.5px !important;line-height:1.4 !important;margin:0 !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-free{background:#f7cc5c !important;color:#06261f !important;border-color:#f7cc5c !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-hero .btn{background:#f7cc5c !important;color:#07372b !important;border-color:#f7cc5c !important;text-decoration:none !important;white-space:nowrap}
body.product-app-page[data-service-id="basic-astrology"] .basic-form-card{padding:14px 16px;margin-bottom:12px}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid{gap:9px 12px}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid label{color:#f3dfa0 !important;font-size:11px !important;font-weight:750 !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid input,
body.product-app-page[data-service-id="basic-astrology"] .basic-grid select{
  background:#06251f !important;color:#ffffff !important;border-color:rgba(255,255,255,.18) !important;
  min-height:36px !important;padding:7px 10px !important;font-size:12px !important;
}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid input::placeholder{color:#91aaa1 !important;opacity:1}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid input[readonly]{background:#041d18 !important;color:#c6d9d2 !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-grid small{color:#b7cec5 !important;font-size:9.5px !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-actions{margin-top:10px}
body.product-app-page[data-service-id="basic-astrology"] .basic-actions .btn{background:#f7cc5c !important;color:#07372b !important;border-color:#f7cc5c !important;text-decoration:none !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-actions .btn.secondary{background:#0d3b30 !important;color:#fff !important;border-color:rgba(255,255,255,.18) !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-message{color:#ffd87a !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-result-head h2,
body.product-app-page[data-service-id="basic-astrology"] .basic-panel h3{color:#f7cc5c !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-overview small{color:#bdd2ca !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-overview strong,
body.product-app-page[data-service-id="basic-astrology"] .basic-table-wrap td{color:#f5faf8 !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-table-wrap th{color:#f1dda0 !important}
body.product-app-page[data-service-id="basic-astrology"] .basic-premium p{color:#c3d7cf !important}
@media(max-width:720px){body.product-app-page[data-service-id="basic-astrology"] .basic-shell{padding:12px 10px 32px}body.product-app-page[data-service-id="basic-astrology"] .basic-hero{padding:12px 13px}body.product-app-page[data-service-id="basic-astrology"] .basic-hero h1{font-size:23px !important}}