@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.guide-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:relative;overflow:hidden}.guide-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.1"><polygon fill="white" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.guide-badge,.guide-title{color:#fff;margin-bottom:1rem}.guide-badge{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.guide-title{font-size:3rem;font-weight:700;line-height:1.1}.guide-subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);max-width:600px;margin:0 auto 2rem;line-height:1.6}.guide-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:.9rem}.meta-item i{font-size:.8rem}.guide-breadcrumb{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1rem 0}.breadcrumb-link{color:#6b7280;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .3s ease}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-separator{color:#9ca3af;margin:0 .5rem}.breadcrumb-current{color:#374151;font-weight:500;font-size:.9rem}.guide-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;max-width:1200px;margin:3rem auto}.guide-main{padding:2rem 0}.guide-sidebar{position:sticky;top:100px;height:fit-content}.toc-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;margin-bottom:2rem}.toc-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.toc-header i{color:#3b82f6;font-size:1.1rem}.toc-header h3{color:#1f2937}.toc-nav{padding:1rem 1.5rem}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{margin-bottom:.5rem}.form-group label,.toc-link{display:block;font-size:.9rem}.toc-link{padding:.75rem 1rem;color:#6b7280;text-decoration:none;border-radius:8px;transition:all .3s ease;border-left:3px solid transparent}.toc-link.active,.toc-link:hover{background:#f0f9ff;color:#3b82f6;border-left-color:#3b82f6}.calculator-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;overflow:hidden}.calculator-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.calculator-header i{font-size:1.25rem}.calculator-header h4,.toc-header h3{margin:0;font-size:1.1rem;font-weight:600}.calculator-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem}.input-value{text-align:center;font-weight:600;color:#3b82f6;margin-top:.5rem;font-size:.9rem}.emi-result{background:#f0f9ff;border-radius:8px;padding:1.5rem;text-align:center;border:1px solid #bfdbfe}.emi-label{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.emi-amount{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.detailed-calc-btn{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.detailed-calc-btn:hover{background:#2563eb;transform:translateY(-1px)}.guide-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;overflow:hidden}.guide-section{padding:2.5rem;border-bottom:1px solid #f1f5f9}.guide-section:last-child{border-bottom:none}.guide-section h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f1f5f9}.guide-section h3{color:#374151;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.guide-section p{color:#6b7280;line-height:1.7;margin-bottom:1.5rem}.expert-note{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.note-icon{background:#3b82f6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.note-content{flex:1}.note-content strong{color:#1e40af}.info-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 0}.info-icon{color:#3b82f6;font-size:1.25rem;margin-top:.25rem}.factor-card h4,.info-content h4{margin:0 0 .5rem;color:#1f2937;font-size:1.1rem}.info-content p{margin:0;color:#6b7280}.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.factor-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.factor-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#3b82f6}.factor-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.5rem}.factor-card h4{margin:0 0 1rem}.factor-card p{margin:0;line-height:1.5}.formula-card{background:#1f2937;border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid #374151}.formula-header{display:flex;align-items:center;gap:.75rem;color:#60a5fa;margin-bottom:1rem;font-weight:600}.formula-content{color:#e5e7eb;font-family:ui-monospace,Menlo,Monaco,"Courier New",monospace;font-size:1.1rem;text-align:center;padding:1rem;background:#111827;border-radius:8px;border:1px solid #374151}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.variable-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.variable-symbol{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.variable-content{flex:1}.variable-content strong{display:block;color:#1f2937;margin-bottom:.25rem}.factor-card p,.variable-content span{color:#6b7280;font-size:.9rem}.example-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:12px;overflow:hidden;margin:2rem 0}.example-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.example-content{padding:1.5rem}.example-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #dbeafe}.example-item:last-child{border-bottom:none}.example-item span{color:#6b7280}.example-item strong{color:#1f2937}.example-result{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 0;margin-top:1rem;border-top:2px solid #bfdbfe}.emi-highlight{color:#dc2626!important;font-size:1.25rem}.steps-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.step-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.step-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.1)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.step-content h4{margin:0 0 .75rem;color:#1f2937;font-size:1.1rem}.faq-answer p,.step-content p{margin:0;color:#6b7280;line-height:1.6}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.comparison-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.comparison-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:600}.fixed-rate .comparison-header{background:linear-gradient(135deg,#059669,#10b981)}.floating-rate .comparison-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pros-cons{padding:1.5rem}.pros-cons h5{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.pros-cons ul{margin:0 0 1.5rem;padding-left:1.25rem;color:#6b7280}.pros-cons li{margin-bottom:.5rem;line-height:1.5}.pros-cons li:last-child{margin-bottom:0}.faq-container{margin:2rem 0}.faq-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#3b82f6}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;font-weight:600;color:#1f2937;transition:all .3s ease}.faq-question:hover{background:#f8fafc}.faq-question i{color:#6b7280;transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem;max-height:500px}.guide-cta{margin-top:3rem}.cta-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:3rem;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.cta-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.1"><circle cx="200" cy="200" r="100" fill="white"/><circle cx="800" cy="300" r="150" fill="white"/><circle cx="400" cy="700" r="120" fill="white"/></svg>');background-size:cover}.cta-content{position:relative;z-index:2;flex:1}.cta-content h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.1rem;margin-bottom:2rem;color:rgba(255,255,255,.9);max-width:400px}.cta-button{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#3b82f6;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3);color:#1e40af}.cta-image{position:relative;z-index:2;flex-shrink:0}.cta-image i{font-size:6rem;opacity:.8}.definition-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.definition-icon{color:#3b82f6;font-size:1.5rem;margin-top:.25rem;flex-shrink:0}.definition-content h4{margin:0 0 .75rem;color:#1f2937;font-size:1.1rem;font-weight:600}.definition-content p{margin:0;color:#6b7280;line-height:1.6}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.component-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.advantage-card:hover,.component-card:hover,.type-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#3b82f6}.component-icon{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:#fff}.amortization-visual h4,.component-card h4{margin:0 0 1rem;color:#1f2937;font-size:1.25rem;font-weight:600}.component-card p{margin:0 0 1.5rem;color:#6b7280;line-height:1.6}.component-highlight{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;font-size:.9rem;color:#1e40af;font-weight:500}.amortization-visual{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.amortization-visual h4{margin:0 0 2rem;text-align:center}.visual-container,.visual-stage{display:flex;flex-direction:column}.visual-container{gap:2rem;margin-bottom:2rem}.visual-stage{gap:1rem}.stage-label{color:#374151;font-weight:600;font-size:.95rem;text-align:center}.visual-bar{display:flex;height:60px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);border:2px solid #fff;position:relative}.interest-portion,.principal-portion{display:flex;align-items:center;color:#fff;font-weight:600;font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden}.interest-portion{background:linear-gradient(135deg,#ef4444,#dc2626);justify-content:flex-start;padding-left:1rem}.interest-portion::after,.principal-portion::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.3)}.interest-portion::after{right:0}.principal-portion{background:linear-gradient(135deg,#10b981,#059669);justify-content:flex-end;padding-right:1rem}.principal-portion::before{left:0}.portion-label{text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:2;position:relative}.visual-legend{display:flex;justify-content:center;gap:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.legend-item,.type-card p{color:#6b7280;font-size:.9rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-weight:500}.legend-color{width:16px;height:16px;border-radius:4px}.interest-color{background:linear-gradient(135deg,#ef4444,#dc2626)}.principal-color{background:linear-gradient(135deg,#10b981,#059669)}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.type-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.type-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:1.5rem}.advantage-card h4,.type-card h4{margin:0 0 1rem}.type-card p{margin:0 0 1.5rem;line-height:1.6}.type-tag{display:inline-block;background:#f0f9ff;color:#3b82f6;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid #bfdbfe}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.advantage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.advantage-card:hover{border-color:#10b981}.advantage-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:1.5rem}.advantage-card p,.consideration-card p,.tip-content p{margin:0;color:#6b7280;line-height:1.6;font-size:.9rem}.consideration-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.consideration-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.consideration-card:hover,.loan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#3b82f6}.consideration-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.consideration-header i{color:#3b82f6;font-size:1.25rem}.advantage-card h4,.consideration-header h4,.loan-content h4,.type-card h4{color:#1f2937;font-size:1.1rem;font-weight:600}.consideration-header h4{margin:0}.loan-types-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.loan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.loan-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.loan-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.loan-content{flex:1}.loan-content h4{margin:0 0 1rem}.loan-details{display:flex;flex-direction:column;gap:.75rem}.loan-detail{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.loan-detail:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#6b7280;font-size:.9rem;font-weight:500}.detail-value,.tip-content h4{color:#1f2937;font-size:.9rem;font-weight:600}.security-badge{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;display:inline-block;min-width:80px}.security-badge.secured{background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.security-badge.partially-secured{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.security-badge.unsecured{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tips-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.tip-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tip-card:hover{border-color:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.1)}.tip-number{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.tip-content h4{margin:0 0 .75rem;font-size:1.1rem}.example-footnote{margin-top:1rem;padding-top:1rem;border-top:1px solid #dbeafe;text-align:center}.example-footnote small{color:#6b7280;font-size:.8rem}.slider-thumb{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:0;-webkit-appearance:none;margin:.5rem 0}.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.slider-thumb::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}@media (max-width:1024px){.guide-layout{grid-template-columns:1fr;gap:2rem}.guide-sidebar{position:static;order:2}.guide-content{order:1}.guide-title{font-size:2.5rem}.advantages-grid,.components-grid,.types-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.consideration-cards,.loan-types-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.guide-title{font-size:2rem}.guide-subtitle{font-size:1.1rem}.guide-meta{flex-direction:column;gap:1rem}.guide-section{padding:1.5rem}.advantages-grid,.comparison-grid,.components-grid,.consideration-cards,.factors-grid,.loan-types-cards,.types-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;text-align:center;padding:2rem}.cta-content p{max-width:none}.cta-image{margin-top:2rem}.cta-image i{font-size:4rem}.loan-card,.loan-detail{flex-direction:column;text-align:center;gap:1rem}.loan-detail{gap:.25rem}.visual-bar{height:50px}.portion-label{font-size:.8rem;padding:0 .5rem}.visual-legend{flex-direction:column;gap:1rem;align-items:center}.amortization-visual{padding:1.5rem}.definition-card,.step-card,.tip-card{flex-direction:column;text-align:center;gap:1rem}}.guide-section{animation:fadeInUp .6s ease-out}.visual-stage{animation:slideIn .6s ease-out}.visual-stage:nth-child(2){animation-delay:.2s}.visual-stage:nth-child(3){animation-delay:.4s}