:root{
--bg:#06101a;--panel:#0d1823;--panel2:#101f2d;--line:rgba(255,255,255,.10);
--text:#f4f7fa;--muted:#93a3b2;--red:#ff343b;--green:#66d394
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% 0,rgba(255,52,59,.08),transparent 28%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.hidden{display:none!important}
.topbar{max-width:1500px;min-height:82px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.18em}
.brand img{height:48px;max-width:190px;object-fit:contain}.brand span{color:#ff6267}
nav{display:flex;gap:22px}nav a{font-size:.88rem;color:#c9d2db;font-weight:700}nav a.active{color:white}
select,input{width:100%;border:1px solid var(--line);background:#08131e;color:white;border-radius:9px;padding:11px 12px}
.topbar>select{width:74px}
main{max-width:1500px;margin:auto}
.hero{padding:82px 45px 42px}.eyebrow{color:#ff5b61;font-size:.71rem;font-weight:900;letter-spacing:.18em}
.hero h1{font-size:clamp(3rem,7vw,6rem);margin:13px 0 14px;letter-spacing:-.055em}
.hero p{max-width:800px;color:#cbd4dc;line-height:1.7;font-size:1.05rem}
.notice{margin-top:22px;padding:13px 15px;border-left:3px solid #d7aa5c;background:rgba(215,170,92,.07);color:#c8b891;max-width:900px;font-size:.86rem;line-height:1.55}
.simulator{display:grid;grid-template-columns:370px 1fr;gap:18px;padding:35px 0 45px}
.config-panel,.results-panel{border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.config-panel{padding:24px;align-self:start;position:sticky;top:18px}
.section-title h2{margin:7px 0 22px}.config-panel form{display:grid;gap:15px}
label{display:grid;gap:8px;color:#d7dfe6;font-size:.84rem;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.primary{border:0;border-radius:9px;padding:13px 16px;background:linear-gradient(135deg,var(--red),#b3171c);color:#fff;font-weight:900;cursor:pointer}
.hint{color:var(--muted);font-size:.78rem;line-height:1.5;margin:0}
.results-panel{min-height:610px;padding:24px}
.empty-state{min-height:560px;display:grid;place-content:center;text-align:center;color:var(--muted)}
.empty-state>span{font-size:4rem;color:#ff5960}.empty-state strong{color:white;font-size:1.5rem;margin:12px}.empty-state p{max-width:430px}
.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.12);border-top-color:#ff4a50;border-radius:50%;margin:auto;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.result-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.result-heading h2{font-size:2rem;margin:6px 0}.result-heading p{margin:0;color:var(--muted)}
.return-badge{padding:13px 16px;border-radius:10px;background:rgba(102,211,148,.10);color:#82e2a8;font-size:1.25rem;font-weight:900}
.return-badge.negative{background:rgba(255,52,59,.09);color:#ff7b80}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.summary-grid article,.details-grid article{padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.summary-grid span,.details-grid span{display:block;color:var(--muted);font-size:.74rem;margin-bottom:7px}.summary-grid strong{font-size:1.45rem}
.chart-card{padding:10px;border:1px solid var(--line);border-radius:12px;background:#08131e}
canvas{display:block;width:100%;height:390px}
.chart-legend{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:.78rem;padding:8px 0 4px}
.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{display:block;width:20px;height:3px;border-radius:2px}.legend-value{background:#ff4349}.legend-invested{background:#7f94a7}
.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.details-grid strong{font-size:.98rem}
.purchase-details{margin-top:15px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.purchase-details summary{padding:15px 17px;cursor:pointer;font-weight:800}.table-wrap{overflow:auto;border-top:1px solid var(--line)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}th{color:var(--muted);font-size:.7rem;text-transform:uppercase}td{font-size:.86rem}
.explanation{padding:55px 0 70px}.explanation h2{font-size:2rem;margin:8px 0 25px}
.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.explanation-grid article{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.explanation-grid article>span{color:#ff5960;font-weight:900}.explanation-grid h3{margin:22px 0 9px}.explanation-grid p{color:var(--muted);line-height:1.6;margin:0}
footer{max-width:1500px;margin:auto;padding:28px 4px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1050px){.simulator{grid-template-columns:1fr}.config-panel{position:static}.summary-grid,.details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){main{padding:0 15px}.hero{padding-left:10px;padding-right:10px}.topbar{grid-template-columns:1fr auto}nav{display:none}.explanation-grid{grid-template-columns:1fr}}
@media(max-width:600px){.brand img{height:38px;max-width:135px}.brand span{display:none}.two,.summary-grid,.details-grid{grid-template-columns:1fr}.hero{padding-top:55px}.results-panel,.config-panel{padding:17px}.result-heading{flex-direction:column}.return-badge{width:100%;text-align:center}canvas{height:300px}}


/* ===== ANDOSINS FINANCE v1.7 LIGHT ===== */
:root{
  --bg:#f7f8fa!important;
  --surface:#ffffff!important;
  --surface-2:#f1f4f8!important;
  --text:#0b1320!important;
  --muted:#748091!important;
  --line:#dce3ea!important;
  --accent:#1458b8!important;
  --accent2:#0f4da5!important;
  --good:#16825d!important;
  --bad:#c73b42!important;
  --warn:#b77b20!important;
}
html{background:#f7f8fa!important}
body{
  background:radial-gradient(circle at 85% 0,rgba(20,88,184,.06),transparent 28%),#f7f8fa!important;
  color:#0b1320!important
}
header,.site-header,.topbar,.nav-shell{
  background:rgba(255,255,255,.94)!important;
  border-color:#dce3ea!important;
  backdrop-filter:blur(18px)
}
nav a,.nav a,.topnav a{color:#253243!important}
nav a:hover,.nav a:hover,.topnav a:hover,nav a.active,.nav a.active{color:#1458b8!important}
h1,h2,h3,h4,strong{color:#0b1320!important}
p,.muted,.subtle,.hint,.small{color:#748091!important}
a{color:#1458b8!important}
a:hover{color:#0f4da5!important}
button,.btn,.button{border-color:#dce3ea!important}
.primary,.btn-primary,.cta-primary{
  background:#1458b8!important;border-color:#1458b8!important;color:#fff!important
}
.primary:hover,.btn-primary:hover,.cta-primary:hover{background:#0f4da5!important}
.secondary,.btn-secondary{
  background:#fff!important;color:#0b1320!important;border:1px solid #dce3ea!important
}
.hero,.hero-panel,.hero-card,.intro,.intro-card{
  background:linear-gradient(145deg,#fff,#f3f7fb)!important;
  border:1px solid #dce3ea!important;
  box-shadow:0 14px 40px rgba(15,32,52,.08)!important
}
.eyebrow,.kicker{color:#1458b8!important}
.card,.panel,.dashboard-card,.tool-card,.news-card,.calc-card,.stat-card,.market-card,.feature-card,
.summary-card,.result-card,.result-panel,.summary-box,.chart-card,.chart-shell,.market-brief,.brief-card,.brief-item{
  background:#fff!important;
  border:1px solid #dce3ea!important;
  box-shadow:0 10px 28px rgba(15,32,52,.055)!important;
  color:#0b1320!important
}
input,select,textarea{
  background:#fff!important;border:1px solid #dce3ea!important;color:#0b1320!important
}
input:focus,select:focus,textarea:focus{
  border-color:#8db3df!important;box-shadow:0 0 0 3px rgba(20,88,184,.09)!important
}
input::placeholder,textarea::placeholder{color:#9aa4b0!important}
table{background:#fff!important}
th{background:#f3f6f9!important;color:#425065!important;border-color:#dce3ea!important}
td{color:#0b1320!important;border-color:#e7ecf1!important}
.badge,.chip,.pill,.tag{
  background:#eaf3ff!important;color:#1458b8!important;border-color:#cfe0f6!important
}
.positive,.up,.gain{color:#16825d!important}
.negative,.down,.loss{color:#c73b42!important}
.warning,.medium{color:#b77b20!important}
.news-item,.news-row,.news-list article{background:#fff!important;border-color:#dce3ea!important}
.news-source,.source,.timestamp,.date{color:#748091!important}
.story-link,.learn-more,.card-link{color:#1458b8!important;font-weight:800}
footer,.footer{background:#eef2f6!important;color:#748091!important;border-color:#dce3ea!important}

/* Market Pulse */
.pulse-section{
  background:radial-gradient(circle at 88% 4%,rgba(20,88,184,.09),transparent 30%),linear-gradient(145deg,#fff,#f4f8fc)!important;
  border:1px solid #dce3ea!important;
  box-shadow:0 14px 40px rgba(15,32,52,.08)!important
}
.pulse-heading h2{color:#0b1320!important}
.pulse-heading p,.pulse-updated{color:#748091!important}
.pulse-updated strong{color:#425065!important}
.pulse-asset{
  background:#fff!important;border:1px solid #dce3ea!important;
  box-shadow:0 8px 22px rgba(15,32,52,.045)!important
}
.pulse-asset span{color:#748091!important}
.pulse-asset strong{color:#0b1320!important}
.mood-card,.top-story-card{
  background:#fff!important;border:1px solid #dce3ea!important;
  box-shadow:0 8px 22px rgba(15,32,52,.045)!important
}
.mood-card h3{color:#1458b8!important}
.mood-card p{color:#748091!important}
.mood-track{background:linear-gradient(90deg,#cf5a60,#d2aa59 50%,#63a980)!important}
.mood-track i{background:#fff!important;opacity:.72!important;border-right:4px solid #0b1320!important}
.mood-scale{color:#748091!important}
.story-impact.high,.impact-high{color:#a92e35!important;background:#fdeced!important}
.story-impact.medium,.impact-medium{color:#8a611f!important;background:#fff4dc!important}
.story-impact.low,.impact-low{color:#216d51!important;background:#eaf7f0!important}
.top-story-card>p{color:#748091!important}
.top-story-why{background:#eaf3ff!important;border-left:3px solid #1458b8!important}
.top-story-why strong{color:#1458b8!important}
.top-story-why span{color:#34465b!important}

/* Misc */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#eef2f6}
::-webkit-scrollbar-thumb{background:#c7d0da;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#adb9c5}