.mortgage-hero { background:linear-gradient(135deg,#1e1b4b,#172554 54%,#0f3d47); }
.mortgage-hero p { max-width:800px; }.mortgage-hero-note { display:inline-block; margin-top:1.3rem; padding:.55rem .75rem; border:1px solid rgba(125,211,252,.28); border-radius:8px; color:#bae6fd; background:rgba(15,23,42,.36); font-size:.82rem; }
.mortgage-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr); gap:1rem; padding-top:2rem; }.mortgage-calculator,.mortgage-aside { padding:1.25rem; border:1px solid var(--color-border); border-radius:14px; background:var(--color-surface); }.mortgage-calculator h2 { margin:.25rem 0 1.2rem; }.mortgage-calculator form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }.mortgage-calculator label { display:grid; gap:.35rem; color:var(--color-text-muted); font-size:.84rem; }.mortgage-calculator input,.mortgage-calculator select { min-height:42px; padding:.5rem .65rem; color:var(--color-text); background:#0f172a; border:1px solid var(--color-border); border-radius:8px; }.mortgage-calculator button { align-self:end; }.mortgage-aside { color:var(--color-text-muted); line-height:1.55; font-size:.9rem; }.mortgage-aside strong { display:block; margin-bottom:.6rem; color:#c4b5fd; }.mortgage-aside p + p { margin-top:.8rem; }
.calculation-result { display:grid; gap:.25rem; min-height:88px; 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); }.calculation-result strong { color:#a5b4fc; font-size:1.65rem; }.calculation-result small { color:var(--color-text-muted); }.calc-warning { margin-top:.45rem; color:#fcd34d; font-size:.8rem; line-height:1.45; }
.mortgage-programs,.mortgage-guide { padding-top:3rem; padding-bottom:.5rem; }.program-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.program-card { display:flex; flex-direction:column; gap:.75rem; padding:1.15rem; min-height:320px; border:1px solid var(--color-border); border-radius:14px; background:var(--color-surface); }.program-top { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }.program-top h3 { font-size:1.08rem; }.program-top strong { padding:.35rem .5rem; border-radius:7px; color:#c4b5fd; background:rgba(167,139,250,.13); white-space:nowrap; }.program-meta { display:flex; flex-wrap:wrap; gap:.4rem; }.program-meta span { padding:.25rem .4rem; border-radius:5px; color:var(--color-text-muted); background:rgba(148,163,184,.1); font-size:.74rem; }.program-card p { color:var(--color-text-muted); font-size:.86rem; line-height:1.45; }.program-card b { color:var(--color-text); }.program-note { margin-top:auto; padding:.6rem .7rem; border-left:3px solid #818cf8; background:rgba(99,102,241,.08); }.program-use { align-self:flex-start; padding:0; border:0; background:none; color:var(--color-accent); font:inherit; font-size:.86rem; font-weight:700; }.program-use:hover { color:var(--color-text); }.program-rural .program-top strong { color:#86efac; background:rgba(34,197,94,.12); }.program-far-east .program-top strong,.program-new-regions .program-top strong { color:#67e8f9; background:rgba(6,182,212,.12); }
@media (max-width:850px) { .mortgage-layout { grid-template-columns:1fr; }.program-list { grid-template-columns:1fr; } } @media (max-width:560px) { .mortgage-calculator form { grid-template-columns:1fr; } }
.mortgage-aside a { display:inline-block; margin-top:.2rem; color:var(--color-accent); font-weight:700; }
.payment-note { padding-top:3rem; padding-bottom:.5rem; }.payment-note-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }.payment-note-grid article { padding:1rem; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }.payment-note-grid strong { color:#c4b5fd; }.payment-note-grid p,.payment-note-source { color:var(--color-text-muted); font-size:.88rem; line-height:1.5; }.payment-note-source { margin-top:1rem; }.payment-note-source a { color:var(--color-accent); }
@media (max-width:850px) { .payment-note-grid { grid-template-columns:1fr; } }