@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");:root{--primary-brand:#0056d2;--primary-dark:#0044a8;--accent-cyan:#00d09c;--text-dark:#333;--text-light:#666;--text-white:#fff;--bg-body:#f4f6f8;--bg-overlay:hsla(0,0%,100%,.1);--sidebar-purple:#9e69ff;--chart-main:#5367ff;--chart-bg:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-dark);line-height:1.6}body,h1,h2,h3{font-family:Poppins,sans-serif}.stat-value,input,label,p,span{font-family:Roboto,sans-serif}.pageHeader{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#0056d2,#003da5);color:#fff;border-radius:20px;max-width:1200px;margin:30px auto 20px}.pageHeader h1{font-size:2.5rem;font-weight:700;margin-bottom:15px;line-height:1.2}.pageHeader p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.pageLayout{max-width:1200px;margin:20px auto 0;padding:0 20px;position:relative;z-index:1;display:flex;gap:30px;align-items:flex-start}.mainContent{flex:1;min-width:0}.sidebarWrapper{width:350px;flex-shrink:0}.calculatorContainer{background:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.1);width:100%}.calculatorContainer h2{color:var(--text-dark);margin-bottom:30px;font-size:1.8rem}.calcWrapper{display:flex;gap:40px;flex-direction:column;margin-bottom:30px}@media (min-width:768px){.calcWrapper{flex-direction:row}}.inputsSection{flex:1}.resultsSection{flex:1;display:flex;flex-direction:column;align-items:center}.inputGroup{margin-bottom:25px}.labelRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.labelRow label{color:var(--text-light);font-weight:500;font-size:.95rem}.inputBoxWrapper{background:#e6f0ff;padding:6px 12px;border-radius:6px;display:flex;align-items:center}.inputBox{background:transparent;border:none;font-size:18px;text-align:right;width:100px;outline:none}.inputBox,.unit{color:var(--primary-brand);font-weight:700}.unit{margin-left:5px;font-size:16px}input[type=range]{width:100%;-webkit-appearance:none;background:transparent;margin-top:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid #ddd;cursor:pointer;margin-top:-8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ddd;border-radius:2px}.chartLegend{display:flex;gap:20px;font-size:14px;color:#888;margin-bottom:20px}.legendItem{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.dotPrincipal{background-color:var(--chart-bg)}.dotInterest{background-color:var(--chart-main)}.chartContainer{width:200px;height:200px;position:relative;margin-bottom:25px}.summaryGrid{width:100%;display:grid;grid-template-columns:1fr;gap:15px}.summaryItem{display:flex;justify-content:space-between;font-size:15px;color:#666}.summaryItem span:last-child{font-weight:700;color:#333}.summaryItem.highlight span:last-child{color:var(--primary-brand);font-size:1.1rem}.summaryItem.totalAmt{margin-top:10px;padding-top:15px;border-top:1px solid #eee}.applyBtn{display:block;width:100%;background-color:var(--primary-brand);color:#fff;font-size:18px;font-weight:600;text-align:center;padding:16px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 8px 20px rgba(0,86,210,.2);font-family:Poppins,sans-serif}.applyBtn:hover{background-color:var(--primary-dark)}.sidebar{background-color:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.sidebar h3{font-size:18px;font-weight:700;color:#222;margin-bottom:20px}.partnerCard{background-color:#f9f3ff;padding:20px;border-radius:12px;text-align:center;margin-bottom:25px}.fibeLogo{font-family:Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;font-weight:700;font-size:36px;color:#000;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.fibeLogo .dots{color:#ff4d4d;font-size:40px;line-height:0;margin-right:5px}.loanDetails{display:flex;flex-direction:column;gap:10px}.detailRow{display:flex;justify-content:space-between;font-size:14px;color:#555}.detailRow .value{font-weight:700;color:#222}.keyFeaturesList{list-style:none;margin-bottom:25px}.keyFeaturesList li{display:flex;align-items:flex-start;margin-bottom:12px;font-size:14px;color:#555}.checkmark{display:inline-block;width:16px;height:16px;margin-right:10px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300bfa5'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;position:relative;top:3px}.visitBtn{width:100%;padding:14px;background-color:var(--sidebar-purple);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.visitBtn:hover{background-color:#8a57e8}.featuresSection{max-width:1200px;margin:60px auto;padding:0 20px}.featuresGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.featureCard{background:#fff;border-radius:16px;padding:30px 20px;box-shadow:0 4px 15px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(0,0,0,.03)}.featureCard:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.08)}.featureIconBox{font-size:28px;margin-bottom:20px;background:#e6f0ff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.featureTitle{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:10px}.featureDesc{font-size:.9rem;color:var(--text-light);line-height:1.5}@media (max-width:1024px){.pageLayout{flex-direction:column;margin-top:20px}.sidebarWrapper{width:100%}.featuresGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pageHeader{margin:20px 10px;padding:30px 20px}.pageHeader h1{font-size:2rem}.pageLayout{margin-top:15px}.featuresGrid{grid-template-columns:1fr}}