:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:block;min-width:320px;min-height:100vh;background-color:#0f172a}#root{width:100%;height:100%}:root{--primary-gradient: linear-gradient(135deg, #00C9FF 0%, #92FE9D 100%);--secondary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .05);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #10b981;--danger: #ef4444;--glass-border: 1px solid rgba(255, 255, 255, .1);--ad-bg: rgba(0, 0, 0, .2)}.adsense-placeholder{background:var(--ad-bg);border:1px dashed rgba(255,255,255,.1);border-radius:12px;min-height:100px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.ads-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none}:root{--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;padding-bottom:calc(20px + var(--safe-area-bottom));font-size:16px;overflow-x:hidden;width:100%}.app-container{width:100%;max-width:100%;margin:0;padding:calc(15px + var(--safe-area-top)) 15px 15px 15px;display:flex;flex-direction:column;box-sizing:border-box}header{margin-bottom:20px;text-align:center;padding:0 10px}h1{font-size:1.6rem;font-weight:800;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.header-logo{width:50px;height:50px;border-radius:10px;margin-bottom:10px;box-shadow:0 4px 10px #0000004d}.premium-badge{font-size:.6rem;background:var(--secondary-gradient);padding:2px 6px;border-radius:4px;vertical-align:middle;margin-left:5px;color:#fff}.subtitle{color:var(--text-muted);font-size:.8rem;margin-top:4px}.nav-scroll{width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:15px;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-scroll::-webkit-scrollbar{display:none}.tab-bar{display:inline-flex;gap:8px;padding:0 5px}.tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:8px 14px;border-radius:20px;white-space:nowrap;font-size:.8rem;display:flex;align-items:center;gap:6px;flex-shrink:0}.tab-btn.active{background:var(--primary-gradient);color:#0f172a;font-weight:700;border-color:transparent}.toggle-container{display:flex;background:#0000004d;padding:4px;border-radius:99px;margin-bottom:25px;position:relative}.toggle-btn{flex:1;padding:10px;border:none;background:transparent;color:var(--text-muted);font-weight:600;z-index:2;transition:color .3s;cursor:pointer}.toggle-btn.active{color:#fff}.toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--secondary-gradient);border-radius:99px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-slider.right{transform:translate(100%)}.summary-card{padding:20px;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff05);margin-bottom:25px;box-shadow:0 4px 20px #0003;border:1px solid rgba(255,255,255,.05)}.chart-wrapper{position:relative;height:180px;width:180px;margin:0 auto 20px}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.chart-center-text .big-amount{font-size:1.5rem;font-weight:800;color:var(--text-main);display:block}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-item{background:#0003;padding:12px;border-radius:12px;text-align:center}.summary-item span{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:4px}.summary-item strong{font-size:1rem}.accordion-container{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.accordion-item{background:var(--bg-card);border:var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.accordion-item.expanded{background:#ffffff08;border-color:#ffffff1a}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600}.accordion-title{display:flex;align-items:center;gap:12px}.accordion-icon{color:var(--accent)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1)}.content-inner{padding:20px;border-top:1px solid rgba(255,255,255,.05)}.chevron{transition:transform .3s;color:var(--text-muted)}.chevron.rotate{transform:rotate(90deg)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);border-radius:16px;padding:15px;margin-bottom:15px;box-shadow:0 4px 20px #0000004d}.input-group{margin-bottom:20px}.input-group:last-child{margin-bottom:0}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}label{font-size:.9rem;color:#cbd5e1}.amount-display{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:var(--text-main);display:flex;align-items:center;gap:5px}input[type=range]{width:100%;height:20px;background:transparent;display:block;margin:10px 0;-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border-radius:5px}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}.controls-card{background:var(--bg-card);border-radius:16px;padding:15px;margin-bottom:20px;border:var(--glass-border)}.manual-input{background:#0000004d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:8px;width:160px;max-width:50%;text-align:right;font-weight:600;font-size:1.1rem}@media(max-width:360px){.manual-input{width:120px;font-size:1rem}.label-row label{font-size:.85rem}}.manual-input:focus{outline:none;border-color:var(--accent);background:#0006}.manual-input.full-width{width:100%;margin-top:5px;padding:15px}.helper-text{font-size:.7rem;color:var(--text-muted);text-align:right;margin-top:4px;letter-spacing:.3px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.result-item{background:#ffffff08;padding:15px;border-radius:15px;text-align:center}.result-label{font-size:.75rem;color:var(--text-muted);margin-bottom:5px}.big-result{text-align:center;margin:10px 0 20px}.monthly-payment{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.advisor-card{background:var(--bg-card);padding:20px;border-radius:16px;margin-bottom:15px;border:var(--glass-border)}.advisor-card h3{margin-bottom:15px;color:var(--accent)}.advisor-card ul{padding-left:20px}.advisor-card li{margin-bottom:10px;line-height:1.4;font-size:.9rem}.advisor-card.highlight{background:#10b9811a;border-color:#10b9814d;text-align:center}.salary-req{font-size:2rem;font-weight:800;margin-top:10px;color:#fff}.invest-result{font-size:1.5rem;margin:15px 0;color:#92fe9d}.info-box{background:#fbbf241a;color:#fbbf24;padding:15px;border-radius:12px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.9rem}.bank-list{display:flex;flex-direction:column;gap:15px}.bank-card{padding:12px;border-radius:12px;margin-bottom:10px;background:#ffffff08;display:flex;flex-direction:column;gap:10px;border:1px solid transparent;transition:all .2s}.bank-card:hover{border-color:#fff3;background:#ffffff0d}.bank-header{margin-bottom:8px;display:flex;align-items:center;gap:12px}.bank-logo-area{width:36px;height:36px;background:#fff;color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center}.bank-logo-area svg{width:20px;height:20px}.bank-info h3{font-size:.95rem;margin-bottom:2px}.badge{font-size:.7rem;background:#ffffff1a;padding:2px 8px;border-radius:4px;margin-top:2px;display:inline-block}.bank-rate-display{padding:8px 0;margin:5px 0;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.bank-rate{color:var(--accent);font-weight:700;font-size:.9rem}.rate-value{font-size:1.25rem;font-weight:700;color:#92fe9d}.bank-footer{display:flex;justify-content:space-between;align-items:center}.apply-btn{background:var(--primary-gradient);border:none;color:#000;font-weight:700;padding:8px 16px;border-radius:10px;font-size:.85rem;cursor:pointer;transition:transform .1s}.apply-btn:active{transform:scale(.95)}.action-btn-link{text-decoration:none;display:block;width:100%}.action-btn{padding:8px 20px;font-size:.85rem;width:100%;margin-top:10px;background:#fff;color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer}.calc-preview{font-size:.8rem;color:var(--text-muted)}.disclaimer{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:20px}.chart-container{height:200px;margin:20px 0;position:relative}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.split-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.option{background:#ffffff0d;padding:15px;border-radius:10px;text-align:center}.badge-green{color:#92fe9d;font-size:.8rem;display:block;margin-top:5px}.badge-blue{color:#00c9ff;font-size:.8rem;display:block;margin-top:5px}.premium-lock-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:10px}.lock-icon{color:#fbbf24;margin-bottom:15px}.lock-content h3{font-size:1.2rem;margin-bottom:8px;color:#fff}.lock-content p{color:#94a3b8;font-size:.9rem;margin-bottom:5px}.price-tag{color:#00c9ff!important;font-weight:700;font-size:1rem!important;margin:10px 0 20px!important}.premium-btn{background:linear-gradient(135deg,#fbbf24,#d97706);color:#000;border:none;padding:12px 24px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s;width:100%;max-width:250px;margin-bottom:10px;box-shadow:0 4px 15px #fbbf244d}.premium-btn:active{transform:scale(.95)}.cancel-anytime{font-size:.75rem!important;opacity:.7}.header-premium-btn{background:#fbbf2433;border:1px solid rgba(251,191,36,.5);color:#fbbf24;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.header-premium-btn:active{background:#fbbf244d}@media(min-width:1024px){body{background-color:#0b1120;overflow-y:scroll}.app-container{display:grid;grid-template-columns:minmax(400px,750px) 420px;grid-template-rows:auto 1fr;gap:50px;max-width:1400px;margin:0 auto;padding:40px 60px;min-height:100vh;align-items:start;justify-content:center}header{grid-column:1 / -1;grid-row:1;text-align:center;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:25px;margin-bottom:30px;gap:30px}.header-brand{display:flex;align-items:center;gap:20px}.header-logo{width:60px;height:60px;border-radius:12px;box-shadow:0 4px 12px #0000004d}header h1{font-size:2.2rem;letter-spacing:-.5px;margin-bottom:0}header .subtitle{font-size:1rem;margin-top:4px;font-weight:300;color:#94a3b8}.summary-card{grid-column:2;grid-row:2;position:sticky;top:40px;height:fit-content;margin-bottom:0;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:0 20px 50px #0006;padding:35px;display:flex;flex-direction:column;gap:20px}.chart-wrapper{height:280px;width:280px;margin:0 auto}.chart-center-text .big-amount{font-size:2rem;margin-top:5px}.summary-grid{gap:20px}.summary-item{padding:20px;background:#0000004d;border:1px solid rgba(255,255,255,.05)}.summary-item strong{font-size:1.2rem}.accordion-container{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;align-content:start}.accordion-item:first-child{grid-column:1 / -1}.accordion-item{background:#1e293b66;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%}.accordion-content{max-height:none!important;opacity:1!important;overflow:visible!important;flex:1}.accordion-header{cursor:default;pointer-events:none;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.accordion-header .chevron{display:none}.content-inner{padding:25px;border-top:none}.premium-section-title{grid-column:1 / -1;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-top:20px!important;font-size:1rem!important;color:#60a5fa!important}.manual-input{width:100%;background:#0006;font-size:1rem;padding:8px 12px}.desktop-footer{display:block;margin-top:50px;color:#64748b;font-size:.9rem}.nav-scroll{display:none}}.main-footer{margin-top:40px;text-align:center;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:20px;grid-column:1 / -1}.main-footer p{font-size:.8rem;margin-bottom:8px}.seo-text{font-size:.75rem;opacity:.6;max-width:800px;margin:0 auto;line-height:1.4}@media(min-width:1024px){.main-footer{margin-top:60px;padding-top:40px}}.policy-container{max-width:800px;margin:0 auto;padding:40px 20px;color:#e2e8f0;line-height:1.6}.policy-container h1{font-size:2.5rem;margin-bottom:30px;background:linear-gradient(135deg,#00c9ff,#92fe9d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:600px){.policy-container h1{font-size:1.8rem}}.policy-container h2{font-size:1.5rem;margin-top:40px;margin-bottom:20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.policy-container p{margin-bottom:15px;font-size:1rem;color:#94a3b8}.policy-container section{margin-bottom:30px}.back-btn{background:none;border:none;color:#00c9ff;cursor:pointer;font-size:1rem;margin-bottom:30px;display:flex;align-items:center;gap:8px;padding:10px 0;font-weight:600;transition:transform .2s}.back-btn:hover{transform:translate(-5px)}.policy-container a{color:#00c9ff;text-decoration:none}.policy-container a:hover{text-decoration:underline}