.flc{--flc-bg:#0a121e;--flc-card:#0e1826;--flc-gold:#d9a95c;--flc-gold-l:#e8c07d;--flc-text:#f6f5f2;--flc-mute:#8b93a3;--flc-line:rgba(232,192,125,.22);
  background:var(--flc-bg);color:var(--flc-text);border:1px solid var(--flc-line);border-radius:14px;padding:32px;max-width:1000px;margin:56px auto;font-family:'Helvetica Neue',Arial,sans-serif;box-sizing:border-box}
.flc *{box-sizing:border-box}
.flc__title{margin:0 0 24px;color:var(--flc-gold-l);font-family:Georgia,serif;font-size:1.6rem;font-weight:400}
.flc__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.flc__field{margin-bottom:26px}
.flc__label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem}
.flc__box{display:flex;align-items:center;gap:6px;background:var(--flc-card);border:1px solid var(--flc-line);border-radius:8px;padding:6px 10px}
.flc__box input,.flc__box select{background:transparent;border:0;outline:0;color:var(--flc-text);font-size:1rem;font-weight:600;width:110px;text-align:right;padding:2px}
.flc__box select{width:auto;text-align:left;cursor:pointer}
.flc__box select option{background:var(--flc-card);color:var(--flc-text)}
.flc__box [data-input=rate],.flc__box [data-input=tenure]{width:70px}
.flc__cur{color:var(--flc-gold);font-weight:600}
.flc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(to right,var(--flc-gold) var(--p,0%),#243247 var(--p,0%));outline:0;cursor:pointer;margin:0}
.flc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--flc-gold-l);border:3px solid var(--flc-bg);box-shadow:0 0 0 2px var(--flc-gold)}
.flc input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--flc-gold-l);border:3px solid var(--flc-bg);box-shadow:0 0 0 2px var(--flc-gold)}
.flc__minmax{display:flex;justify-content:space-between;margin-top:8px;font-size:.78rem;color:var(--flc-mute)}
.flc__result{background:var(--flc-card);border:1px solid var(--flc-line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px}
.flc__emi{display:flex;flex-direction:column;gap:4px;text-align:center;border-bottom:1px solid var(--flc-line);padding-bottom:18px}
.flc__emi span,.flc__total span{color:var(--flc-mute);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.flc__emi strong{font-family:Georgia,serif;font-size:2.2rem;color:var(--flc-gold-l);font-weight:400}
.flc__chart{display:flex;align-items:center;gap:20px}
.flc__chart svg{width:120px;height:120px;flex-shrink:0;transform:rotate(-90deg)}
.flc__ring{fill:none;stroke-width:16}
.flc__ring--int{stroke:#3b4d6b}
.flc__ring--prin{stroke:var(--flc-gold);stroke-dasharray:0 1000;transition:stroke-dasharray .4s ease}
.flc__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1;font-size:.9rem}
.flc__legend li{display:grid;grid-template-columns:14px 1fr;column-gap:8px;align-items:center}
.flc__legend b{grid-column:2;font-size:1.05rem}
.flc__dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.flc__dot--prin{background:var(--flc-gold)}.flc__dot--int{background:#3b4d6b}
.flc__total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--flc-line);padding-top:16px}
.flc__total strong{font-size:1.25rem}
.flc__btn{display:block;text-align:center;background:var(--flc-gold);color:#0a121e!important;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:8px;transition:background .2s}
.flc__btn:hover{background:var(--flc-gold-l)}
.flc__toggle{margin-top:24px;background:transparent;color:var(--flc-gold-l);border:1px solid var(--flc-line);border-radius:8px;padding:10px 18px;cursor:pointer;font-size:.9rem}
.flc__toggle:hover{border-color:var(--flc-gold)}
.flc__schedule{margin-top:16px}
.flc__schedule[hidden]{display:none}
.flc__tabs{display:flex;gap:8px;margin-bottom:12px}
.flc__tabs button{background:transparent;border:1px solid var(--flc-line);color:var(--flc-mute);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.85rem}
.flc__tabs button.is-active{background:var(--flc-gold);color:#0a121e;border-color:var(--flc-gold)}
.flc__tablewrap{max-height:360px;overflow:auto;border:1px solid var(--flc-line);border-radius:8px}
.flc table{width:100%;border-collapse:collapse;font-size:.88rem}
.flc th,.flc td{padding:10px 14px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06)}
.flc th:first-child,.flc td:first-child{text-align:left}
.flc thead th{position:sticky;top:0;background:var(--flc-card);color:var(--flc-gold-l);font-weight:600}
.flc__note{margin:20px 0 0;font-size:.78rem;color:var(--flc-mute);line-height:1.5}
@media(max-width:820px){.flc{padding:20px}.flc__grid{grid-template-columns:1fr;gap:24px}.flc__box input{width:90px}}
@media(max-width:420px){.flc__chart{flex-direction:column;align-items:flex-start}}

/* isolate from theme / Bootstrap globals */
.flc input,.flc select,.flc button,.flc table,.flc th,.flc td{font-family:inherit;line-height:1.4;margin:0}
.flc .flc__box input,.flc .flc__box select{background:transparent!important;color:var(--flc-text)!important;border:0!important;box-shadow:none!important;height:auto!important;min-height:0!important;padding:2px!important}
.flc .flc__title{color:var(--flc-gold-l)!important;text-transform:none}
.flc [data-method]{width:auto!important;text-align:left!important;min-width:140px}
.flc__field--method{margin-bottom:22px}
.flc__emi strong,.flc__total strong,.flc__legend b{word-break:break-word}


.flc__dl {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.flc__dlbtn {
  flex: 1 1 140px;
  padding: 10px 14px;
  border: 1px solid #0b3d91;
  background: #fff;
  color: #0b3d91;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.flc__dlbtn:hover,
.flc__dlbtn:focus-visible {
  background: #0b3d91;
  color: #fff;
}

