.page-container{max-width:760px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}@media (min-width: 1024px){.page-container{padding:var(--spacing-2xl) var(--spacing-xl)}}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.page-title{font-size:var(--font-size-3xl)}}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.page-divider{height:1px;background-color:var(--color-border);max-width:200px;margin:0 auto}.input-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.input-section-card{background-color:var(--color-card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tax-note{display:none;padding:var(--spacing-sm) var(--spacing-md);background-color:#dbeafe;border:1px solid #93c5fd;border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#1e40af;animation:fadeIn .2s ease}.tax-note.visible{display:block}.salary-input-wrapper{position:relative;display:flex;align-items:center}.salary-prefix{position:absolute;left:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;pointer-events:none}.salary-input{width:100%;padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + 16px);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px}.salary-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.number-input-wrapper{position:relative;display:flex;align-items:center}.number-input{width:120px;padding:var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px}.number-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.number-suffix{position:absolute;right:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;pointer-events:none}.input-prefix-wrapper{position:relative;display:flex;align-items:center}.input-prefix-wrapper .input-field{width:120px;padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + 24px);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px}.input-prefix-wrapper .input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.input-prefix-wrapper .input-field::-webkit-outer-spin-button,.input-prefix-wrapper .input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-prefix-wrapper .input-field[type=number]{-moz-appearance:textfield}.multiplier-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);max-width:200px}.multiplier-input{width:100px;flex-shrink:0;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);min-height:52px}.multiplier-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.multiplier-input::-webkit-outer-spin-button,.multiplier-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multiplier-input[type=number]{-moz-appearance:textfield}.multiplier-suffix{font-size:var(--font-size-base);color:var(--color-text-secondary);white-space:nowrap}.select-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;min-height:52px;transition:border-color var(--transition),box-shadow var(--transition)}.select-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.city-dropdown{position:relative}.city-input{width:100%;padding:var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);min-height:52px}.city-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.city-dropdown-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-text-secondary);pointer-events:none;transition:transform var(--transition)}.city-dropdown.open .city-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.city-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition);z-index:50;max-height:280px;overflow:hidden}.city-dropdown.open .city-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.city-search-wrapper{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.city-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-card-bg)}.city-search:focus{outline:none;border-color:var(--color-accent)}.city-list{max-height:220px;overflow-y:auto}.city-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition),color var(--transition);min-height:44px;display:flex;align-items:center}.city-option:hover{background-color:var(--color-card-bg);color:var(--color-accent)}.city-option.selected{background-color:var(--color-card-bg);color:var(--color-accent);font-weight:500}.city-option.hidden{display:none}.radio-cards{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 640px){.radio-cards{flex-direction:row;gap:var(--spacing-md)}}.buy-type-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.buy-type-option{display:flex;flex-direction:column;justify-content:center;min-height:72px}.radio-card{flex:1;cursor:pointer}.radio-input{position:absolute;opacity:0;pointer-events:none}.radio-card-content{display:flex;flex-direction:column;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-bg);transition:border-color var(--transition),background-color var(--transition);min-height:60px;justify-content:center}.radio-card:hover .radio-card-content{border-color:var(--color-text-secondary)}.radio-input:checked+.radio-card-content{border-color:var(--color-accent);background-color:#2563eb0d}.radio-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.radio-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (min-width: 640px){.radio-card-small .radio-card-content{padding:var(--spacing-sm) var(--spacing-md);min-height:50px}.radio-card-small .radio-card-title{font-size:var(--font-size-lg)}}.toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.toggle{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--color-border);border-radius:28px;transition:background-color var(--transition)}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform var(--transition)}.toggle input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:var(--font-size-base);color:var(--color-text)}.collapsible-section{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-card-bg);border:none;cursor:pointer;font-family:inherit;transition:background-color var(--transition)}.collapsible-header:hover{background-color:var(--color-bg)}.collapsible-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.collapsible-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-text-secondary);transition:transform var(--transition)}.collapsible-section.open .collapsible-arrow{transform:rotate(180deg)}.collapsible-content{display:none;padding:0 var(--spacing-lg) var(--spacing-lg);background-color:var(--color-bg)}.collapsible-section.open .collapsible-content{display:block}.collapsible-inner{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.calculate-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:52px;padding:0 var(--spacing-xl);font-size:var(--font-size-base);font-family:inherit;font-weight:600;color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}.calculate-btn:hover{background-color:#1d4ed8}.calculate-btn:active{transform:scale(.98)}.disclaimer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.disclaimer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.disclaimer-final{font-weight:600;margin-top:var(--spacing-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}.results-section{display:none;margin-top:var(--spacing-2xl)}.result-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-primary)}.result-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md) 0}.housing-costs-table{display:flex;flex-direction:column}.housing-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}.housing-row:last-child{border-bottom:none}.housing-row-total{font-weight:700;font-size:var(--font-size-lg);border-top:2px solid var(--color-border);border-bottom:none;margin-top:var(--spacing-xs);padding-top:var(--spacing-md)}.housing-label{color:var(--color-text);display:flex;flex-direction:column;gap:2px}.housing-sublabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400}.housing-value{font-weight:600;color:var(--color-text);text-align:right}.tax-link{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;font-weight:400}.borrow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-md)}.borrow-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.borrow-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.borrow-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.borrow-status{font-size:var(--font-size-base)}.headline-main{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.headline-number{color:var(--color-accent)}.headline-sub{font-size:var(--font-size-base);color:var(--color-text-secondary)}.timeline-item{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-md)}.timeline-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.timeline-stat-label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.timeline-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--border-radius);padding:var(--spacing-md);font-size:var(--font-size-sm);color:#92400e;margin-bottom:var(--spacing-md)}.timeline-ready p{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-sm)}.shared-ownership-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.shared-ownership-card h3{font-size:var(--font-size-lg);font-weight:700;color:#1d4ed8;margin-bottom:var(--spacing-sm)}.shared-ownership-card p{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-sm)}.shared-ownership-card a{color:var(--color-accent);font-weight:600;text-decoration:none}.ad-placeholder{display:flex;align-items:center;justify-content:center;height:90px;background-color:var(--color-card-bg);border:1px dashed var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.ad-placeholder p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.result-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-outline{flex:1;height:48px;border:1px solid var(--color-accent);background:#fff;color:var(--color-accent);font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition)}.btn-filled{flex:1;height:48px;border:none;background:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition)}.btn-outline:hover{background:var(--color-card-bg)}.btn-filled:hover{background:#1d4ed8}.disclaimer{font-size:12px;color:var(--color-text-secondary);text-align:center;line-height:1.6;margin-top:var(--spacing-lg)}@media (max-width: 767px){.borrow-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.headline-main{font-size:var(--font-size-xl)}}