.loans-hero { background:linear-gradient(135deg,#1f1539 0%,#122d49 51%,#123b3a 100%); }.loans-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr); gap:2rem; align-items:start; }.loan-goals { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }.loan-goal { padding:.55rem .78rem; border:1px solid var(--color-border); border-radius:999px; background:rgba(15,23,42,.55); color:var(--color-text-muted); font:inherit; cursor:pointer; }.loan-goal:hover,.loan-goal.is-active { border-color:var(--color-accent); background:rgba(56,189,248,.12); color:var(--color-text); }.loan-hero-note { padding:1rem 1.1rem; border:1px solid rgba(125,211,252,.2); border-radius:14px; background:rgba(15,23,42,.42); color:var(--color-text-muted); font-size:.88rem; line-height:1.5; }.loan-hero-note strong { color:#c4b5fd; }.loan-hero-note ol { margin:.65rem 0 0; padding-left:1.2rem; }.loan-hero-note li + li { margin-top:.45rem; }
.loan-calc-section { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr); gap:1rem; padding-top:2rem; }.loan-calculator,.loan-calc-aside { padding:1.25rem; border:1px solid var(--color-border); border-radius:14px; background:var(--color-surface); }.loan-calculator h2 { margin:.25rem 0 1.2rem; }.loan-calculator form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }.loan-calculator label { display:grid; gap:.35rem; color:var(--color-text-muted); font-size:.84rem; }.loan-calculator input,.loan-calculator select { min-height:42px; padding:.5rem .65rem; border:1px solid var(--color-border); border-radius:8px; color:var(--color-text); background:#0f172a; }.loan-calculator button { align-self:end; }.loan-calc-aside { color:var(--color-text-muted); font-size:.9rem; line-height:1.55; }.loan-calc-aside strong { display:block; margin-bottom:.6rem; color:#c4b5fd; }.loan-calc-aside p + p { margin-top:.8rem; }.loan-calculation-result { display:grid; gap:.25rem; min-height:104px; margin-top:1rem; padding:1rem; border-radius:10px; background:linear-gradient(100deg,rgba(99,102,241,.14),rgba(6,182,212,.08)); color:var(--color-text-muted); }.loan-calculation-result strong { color:#a5b4fc; font-size:1.65rem; }.loan-calculation-result small { color:var(--color-text-muted); }
.loan-guide { padding-top:3rem; }.loan-guide-grid strong { color:#c4b5fd; }.loan-catalog { padding-top:2.5rem; }.loan-card { min-height:445px; gap:.75rem; }.card-top { display:flex; justify-content:space-between; gap:.75rem; align-items:center; }.verified-mark { color:#38bdf8; border:1px solid rgba(56,189,248,.32); border-radius:5px; padding:.18rem .35rem; font-size:.7rem; font-weight:700; white-space:nowrap; }.loan-chips { display:flex; flex-wrap:wrap; gap:.4rem; min-height:29px; }.loan-chip { padding:.3rem .45rem; border-radius:6px; background:rgba(56,189,248,.1); color:#bae6fd; font-size:.73rem; font-weight:700; }.loan-chip-primary { background:rgba(167,139,250,.15); color:#ddd6fe; }.loan-main-feature { display:grid; gap:.18rem; min-height:95px; padding:.8rem .9rem; border-radius:10px; background:linear-gradient(100deg,rgba(167,139,250,.15),rgba(6,182,212,.08)); }.loan-main-feature span,.loan-main-feature small,.loan-facts { color:var(--color-text-muted); font-size:.78rem; }.loan-main-feature strong { color:#c4b5fd; font-size:1.45rem; }.loan-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; }.loan-facts span { display:grid; gap:.18rem; padding:.55rem .35rem; border-top:1px solid var(--color-border); }.loan-facts b { color:var(--color-text); font-size:.78rem; }.conditions-details { color:var(--color-text-muted); font-size:.84rem; line-height:1.45; }.conditions-details summary { cursor:pointer; color:var(--color-accent); font-weight:600; }.conditions-details p { margin:.5rem 0 0; }
@media (max-width:850px) { .loans-hero-grid,.loan-calc-section { grid-template-columns:1fr; } } @media (max-width:640px) { .loan-calculator form,.loan-facts { grid-template-columns:1fr; }.loan-facts span { grid-template-columns:1fr 1fr; } }