/* Loan Calculator Styles - Extracted for Performance */
.loan-calculator-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0f0f0f 100%);min-height:100vh;padding:120px 0 40px;position:relative;overflow:hidden}.loan-calculator-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(120,119,198,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,119,198,.1) 1px,transparent 1px);background-size:50px 50px;animation:vr-grid-move 20s linear infinite;opacity:.6;z-index:1;pointer-events:none}.loan-calculator-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(238,28,70,.2) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(0,255,255,.1) 0%,transparent 50%);animation:vr-particles-float 15s ease-in-out infinite;opacity:.7;z-index:1;pointer-events:none}@keyframes vr-grid-move{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}@keyframes vr-particles-float{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.calculator-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 20px rgba(120,119,198,.1);overflow:hidden;margin-bottom:30px;position:relative;z-index:2;transition:all .3s ease}.calculator-card:hover{transform:translateY(-5px);box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 30px rgba(120,119,198,.2)}.calculator-header{background:transparent;color:#fff;padding:40px 30px;text-align:center;position:relative;overflow:hidden}.calculator-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.calculator-header:hover::before{left:100%}.calculator-header h1{font-size:3rem;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-.02em;position:relative;z-index:2}.calculator-header h1::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#7877c6,#ee1c46);margin:1rem auto 0;border-radius:2px}.calculator-header p{font-size:1.125rem;font-weight:400;line-height:1.6;color:#e5e5e5;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9;position:relative;z-index:2}.header-features{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.feature-badge{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s ease}.feature-badge:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.feature-badge i{font-size:.8rem}.faq-section{background:rgba(255,255,255,.03);border-radius:20px;padding:40px;margin-top:40px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;z-index:10}.faq-section h2{color:#fff;font-weight:700;margin-bottom:30px;display:flex;align-items:center;gap:12px;font-size:1.6rem;text-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:15px}.faq-section h2 i{color:#667eea;font-size:1.8rem}.faq-section h2.faq-toggle{cursor:pointer!important;user-select:none!important;transition:all .3s ease!important;position:relative!important;padding-right:50px!important}.faq-section h2.faq-toggle:hover{color:#667eea!important;transform:translateX(5px)!important}.faq-section h2.faq-toggle:focus,.faq-section h2.faq-toggle:focus-visible,.faq-section h2.faq-toggle:active{outline:none!important;box-shadow:none!important;border:none!important}.faq-toggle-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#667eea;transition:transform .3s ease}.faq-toggle[aria-expanded="true"] .faq-toggle-icon{transform:translateY(-50%) rotate(180deg)}.faq-container{display:grid;gap:20px;overflow:hidden;transition:all .3s ease;opacity:0;max-height:0;margin-top:0}.faq-container.collapsed{max-height:0!important;opacity:0!important;margin-top:0!important}.faq-container.expanded{max-height:2000px!important;opacity:1!important;margin-top:20px!important}.faq-item{background:rgba(255,255,255,.05);border-radius:15px;padding:25px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.faq-item:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.faq-question{color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:15px;line-height:1.4;cursor:pointer;display:flex;align-items:center;gap:10px}.faq-question::before{content:"Q:";color:#667eea;font-weight:700;font-size:.9rem;background:rgba(102,126,234,.2);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-answer{color:rgba(255,255,255,.9);line-height:1.6;margin-left:35px;position:relative}.faq-answer p{margin:0;font-size:.95rem}.faq-answer::before{content:"A:";color:#4caf50;font-weight:700;font-size:.9rem;background:rgba(76,175,80,.2);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;position:absolute;margin-left:-35px;margin-top:2px}.calculator-body{padding:50px;background:rgba(255,255,255,.02);position:relative;z-index:2}.form-section{margin-bottom:50px;background:rgba(255,255,255,.03);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:all .3s ease}.form-section:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateY(-2px)}.form-section h3{color:#fff;font-weight:700;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.3);display:flex;align-items:center;gap:12px;font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-description{color:rgba(255,255,255,.8);font-size:.95rem;margin-bottom:25px;line-height:1.5;font-style:italic}.form-section h3 i{color:#667eea;font-size:1.5rem}.form-section h3 small{color:rgba(255,255,255,.8)!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group{margin-bottom:25px}.form-label{font-weight:600;color:#fff;margin-bottom:12px;display:block;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1.1rem}.form-control{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:15px 20px;font-size:16px;color:#fff!important;transition:all .3s ease;backdrop-filter:blur(10px)}.form-control::placeholder{color:rgba(255,255,255,.7)!important}.form-control:focus{background:rgba(255,255,255,.15);border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25),0 0 20px rgba(102,126,234,.1);outline:none;transform:translateY(-2px);color:#fff!important}.form-control:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff!important}.form-control input,.form-control select,.form-control textarea,.form-control *{color:#fff!important}.form-control option{background:#1a1a1a!important;color:#fff!important;padding:10px}select.form-control{color:#fff!important}select.form-control option{background:#2c2c2c!important;color:#fff!important}.calculator-body,.calculator-body *{color:#fff!important}.calculator-body input,.calculator-body select,.calculator-body textarea,.calculator-body option{color:#fff!important}.calculator-body small,.calculator-body .text-muted{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.form-text{font-size:.9rem;color:rgba(255,255,255,.9)!important;margin-top:8px;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:500}.form-text.text-muted{color:rgba(255,255,255,.9)!important}.vehicle-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.vehicle-type-card{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:35px 25px;text-align:center;cursor:pointer;transition:all .4s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}.vehicle-type-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.vehicle-type-card:hover{border-color:rgba(102,126,234,.5);transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.3),0 0 20px rgba(102,126,234,.2)}.vehicle-type-card:hover::before{left:100%}.vehicle-type-card.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 25px rgba(102,126,234,.3);transform:translateY(-5px)}.vehicle-type-card i{font-size:3.5rem;margin-bottom:20px;display:block;color:#667eea;transition:all .3s ease}.vehicle-type-card.active i{color:#fff}.vehicle-type-card h4{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.vehicle-type-card p{font-size:1rem;opacity:.8;margin:0;color:rgba(255,255,255,.9);line-height:1.5}.calculate-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:16px;padding:18px 50px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .4s ease;width:100%;margin-top:30px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px rgba(102,126,234,.3)}.calculate-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.calculate-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(102,126,234,.4),0 0 20px rgba(102,126,234,.2)}.calculate-btn:hover::before{left:100%}.calculate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px rgba(102,126,234,.2)}.results-section{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;margin-top:40px;display:none;position:relative;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 20px rgba(120,119,198,.1)}.results-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:20px;z-index:-1}.results-section.show{display:block;animation:slideInUp .6s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.result-item:last-child{border-bottom:none}.result-label{font-weight:600;color:rgba(255,255,255,.9);font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.result-value{font-weight:700;color:#fff;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.monthly-payment-label{color:#28a745;font-weight:700}.monthly-payment-value{color:#28a745;font-weight:800;font-size:1.2rem}.total-cost-value{color:#dc3545;font-weight:800;font-size:1.2rem}.road-tax-section{margin-bottom:20px}.road-tax-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.road-tax-header h4{margin:0 0 10px 0;font-size:1.3rem;font-weight:600}.road-tax-header p{margin:0;opacity:.95;font-size:.95rem;color:rgba(255,255,255,.95)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.road-tax-result{margin-top:15px}.road-tax-result .alert{border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:20px 25px;margin-bottom:0;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.road-tax-result .alert-info{background:rgba(102,126,234,.15);color:#fff;border-left:4px solid #667eea;border-color:rgba(102,126,234,.3)}.road-tax-result .alert-success{background:rgba(76,175,80,.15);color:#fff;border-left:4px solid #4caf50;border-color:rgba(76,175,80,.3)}.road-tax-result .alert *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.road-tax-result .alert strong{color:#fff!important;font-weight:700}.road-tax-result .alert small{color:rgba(255,255,255,.9)!important;font-size:.9rem}#carRoadTaxParams .form-group{margin-bottom:15px}#carRoadTaxParams .form-label{font-weight:600;color:#495057;margin-bottom:8px}#carRoadTaxParams .form-control{border-radius:6px;border:2px solid #e9ecef;transition:all .3s ease}#carRoadTaxParams .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.result-highlight{background:linear-gradient(135deg,var(--accent-color),#e91e63);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-top:20px}.result-highlight h4{font-size:1.5rem;font-weight:700;margin-bottom:5px}.result-highlight p{font-size:1.1rem;margin:0;opacity:.9}.malaysia-info{background:rgba(255,255,255,.03);border-radius:20px;padding:40px;margin-top:40px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.malaysia-info h4{color:#fff;font-weight:700;margin-bottom:30px;display:flex;align-items:center;gap:12px;font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:15px}.malaysia-info h4 i{color:#667eea;font-size:1.5rem}.info-section{margin-bottom:30px;background:rgba(255,255,255,.02);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.05)}.info-section h5{color:#fff;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.info-section h5 i{color:#667eea;font-size:1.3rem}.info-section h6{color:#fff;font-weight:600;margin-bottom:15px;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:20px}.rate-category{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.rate-source{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:10px;font-style:italic}.nested-list{margin-left:20px;margin-top:10px}.nested-list li{color:rgba(255,255,255,.9);font-size:.95rem}.disclaimer-section{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:16px;padding:25px;margin-top:20px}.disclaimer-section h5{color:#ffc107;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:1.2rem}.disclaimer-section h5 i{color:#ffc107;font-size:1.3rem}.disclaimer-content p{color:#fff;margin-bottom:15px;font-weight:500}.disclaimer-note{background:rgba(102,126,234,.1);border-radius:8px;padding:15px;margin-top:15px;border-left:4px solid #667eea}.disclaimer-note i{color:#667eea;margin-right:8px}.malaysia-info ul{list-style:none;padding:0;margin:0}.malaysia-info li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.9);line-height:1.6}.malaysia-info li:last-child{border-bottom:none}.malaysia-info li i{color:#667eea;font-size:1.1rem;margin-top:2px;flex-shrink:0}.malaysia-info li strong{color:#fff;font-weight:600}.result-group{background:rgba(255,255,255,.03);border-radius:16px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:all .3s ease}.result-group:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateY(-2px)}.results-section h3{color:#fff!important;font-weight:800;margin-bottom:30px;font-size:1.8rem;display:flex;align-items:center;gap:12px;text-shadow:0 3px 6px rgba(0,0,0,.5),0 0 10px rgba(102,126,234,.3);border-bottom:3px solid rgba(102,126,234,.5);padding-bottom:15px;letter-spacing:-.02em}.results-section h3 i{color:#667eea;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-group h4{color:#fff;font-weight:700;margin-bottom:20px;font-size:1.3rem;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:12px}.result-group h4 i{margin-right:12px;color:#667eea;font-size:1.4rem}.result-group .result-item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.result-group .result-item:hover{background:rgba(255,255,255,.05);border-radius:8px;padding-left:10px;padding-right:10px}.result-group .result-item:last-child{border-bottom:none}.total-summary{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:2px solid rgba(102,126,234,.3);box-shadow:0 0 20px rgba(102,126,234,.2)}.total-summary h4{color:#667eea}.loading{display:none;text-align:center;padding:20px}.loading.show{display:block}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--accent-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.breadcrumb-nav{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:0;padding:0}.breadcrumb-nav .breadcrumb,.breadcrumb-nav .breadcrumb-item,.breadcrumb-nav .breadcrumb-item a{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:0;padding:0;list-style:none;color:transparent;text-decoration:none}@media (max-width:768px){.loan-calculator-container{padding:60px 0 20px}.calculator-header h1{font-size:2.5rem}.calculator-header p{font-size:1rem}.calculator-body{padding:30px 20px}.form-section{padding:20px;margin-bottom:30px}.vehicle-type-selector{grid-template-columns:1fr;gap:15px}.vehicle-type-card{padding:25px 20px}.vehicle-type-card i{font-size:3rem}.vehicle-type-card h4{font-size:1.2rem}.form-control{padding:12px 15px;font-size:14px}.calculate-btn{padding:15px 30px;font-size:1.1rem}.results-section{padding:25px}.results-section h3{font-size:1.5rem;margin-bottom:25px;padding-bottom:12px}.results-section h3 i{font-size:1.6rem}.result-group{padding:20px;margin-bottom:20px}.result-group h4{font-size:1.2rem}.result-label{font-size:1rem}.result-value{font-size:1.1rem}.rate-grid{grid-template-columns:1fr;gap:20px}.malaysia-info{padding:25px}.info-section{padding:20px}}@media (max-width:480px){.calculator-header{padding:30px 20px}.calculator-header h1{font-size:2rem}.calculator-body{padding:20px 15px}.form-section{padding:15px}.vehicle-type-card{padding:20px 15px}.vehicle-type-card i{font-size:2.5rem}.vehicle-type-card h4{font-size:1.1rem}.vehicle-type-card p{font-size:.9rem}.form-control{padding:10px 12px;font-size:14px}.calculate-btn{padding:12px 25px;font-size:1rem}.results-section{padding:20px 15px}.results-section h3{font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.results-section h3 i{font-size:1.4rem}.result-group{padding:15px}.result-group h4{font-size:1.1rem}.result-label{font-size:.95rem}.result-value{font-size:1rem}}