@keyframes resultFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.results-page{max-width:720px;margin:0 auto;overflow:hidden;animation:resultFadeIn .38s cubic-bezier(.4,0,.2,1) both}.results-page .results-header{background:linear-gradient(135deg,#0d2538,#1a4a7a);padding:20px 26px;border-radius:10px 10px 0 0;margin-bottom:24px;box-shadow:0 4px 16px #0d253833}.results-page .results-header h2{color:#fff;margin:0;font-size:1.15rem;font-weight:700;text-align:center;letter-spacing:.03em}.results-page .results-section{padding:0 26px;margin-bottom:24px}.results-page .section-title{color:var(--primary);font-weight:700;font-size:.9rem;letter-spacing:.06em;margin-bottom:14px;border-bottom:2px solid var(--accent);padding-bottom:8px;text-transform:uppercase}.results-page .results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 26px;margin-bottom:20px}.results-page .results-section .results-grid{padding:0;margin-bottom:0}@media (max-width:640px){.results-page .results-grid{grid-template-columns:1fr}}.results-page .field-block{margin-bottom:14px;animation:resultFadeIn .32s cubic-bezier(.4,0,.2,1) both}.results-page .field-block:nth-child(1){animation-delay:.04s}.results-page .field-block:nth-child(2){animation-delay:.08s}.results-page .field-block:nth-child(3){animation-delay:.12s}.results-page .field-block:nth-child(4){animation-delay:.16s}.results-page .field-block:nth-child(5){animation-delay:.2s}.results-page .field-block>label{display:block;font-size:.76rem;font-style:normal;color:#1a4a7a;font-weight:700;margin-bottom:5px;line-height:1.45}.results-page .field-value-row{display:flex;align-items:stretch;gap:8px}.results-page .field-value{flex:1;display:flex;align-items:center;background:#eef2f7;border:1px solid #dbe4f0;border-radius:8px;padding:10px 13px;font-weight:700;font-size:.93rem;color:#0d2538;word-break:break-word;transition:background var(--ease),border-color var(--ease)}.results-page .field-value:hover{background:#e3eaf5;border-color:#b8c8de}.results-page .words-row{margin-top:6px}.results-page .field-words{flex:1;display:flex;align-items:center;background:#f5f7fa;border-radius:6px;padding:8px 13px;font-size:.79rem;font-style:italic;color:#8a95a1;font-weight:400}.results-page .copy-btn{flex-shrink:0;width:38px;border:1px solid #dbe4f0;border-radius:7px;background:#eef2f7;color:#4a5b6c;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin:0;padding:0;transition:background var(--ease),color var(--ease),transform var(--ease)}.results-page .copy-btn:hover{background:#2e6bb5;color:#fff;border-color:#2e6bb5;transform:scale(1.08)}.results-page .copy-btn:active{transform:scale(.94)}.results-page .words-row .copy-btn{width:26px;height:26px;font-size:.78rem}.results-page .btn-row{display:flex;gap:12px;padding:0 26px 26px;margin-top:22px}.results-page .btn-row button{flex:1;padding:13px;border-radius:9px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;margin:0;transition:filter var(--ease),transform var(--ease),box-shadow var(--ease)}.results-page .btn-row button:not(.secondary){background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff}.results-page .btn-row button:not(.secondary):hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 22px #0d253838}.results-page .btn-row button.secondary{background:#dfe4e9;color:#0d2538}.results-page .btn-row button.secondary:hover{background:#cdd4db;transform:translateY(-2px)}.results-page .btn-row button:active{transform:translateY(0);box-shadow:none}@media (max-width:480px){.results-page .results-section,.results-page .results-grid{padding:0 16px}.results-page .btn-row{padding:0 16px 20px;flex-direction:column}.results-page .btn-row button{width:100%}.results-page .results-header{padding:16px}}.eval-status-block{grid-column:1 / -1}.eval-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.eval-badge.eligible{background:#d1fae5;color:#065f46;border:1.5px solid #6ee7b7;box-shadow:0 0 0 4px #10b9811f}.eval-badge.ineligible{background:#fee2e2;color:#991b1b;border:1.5px solid #fca5a5;box-shadow:0 0 0 4px #ef44441f}.app{width:100%;max-width:720px;margin:0 auto}.results-page{padding:28px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.results-header-left{display:flex;flex-direction:column;gap:4px}.results-customer{font-size:1.25rem;font-weight:700;color:var(--primary)}.results-account{font-size:.9rem;color:var(--text-light)}.equity-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.equity-highlight-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.equity-col{flex:1}.equity-divider{width:2px;height:48px;background:#fff3;flex-shrink:0}.equity-label{font-size:.78rem;opacity:.75;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.equity-amount{font-size:2.2rem;font-weight:900;color:var(--accent-light);line-height:1.1}.equity-amount-sm{font-size:1.5rem;font-weight:700;line-height:1.1}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}@media (max-width:560px){.summary-grid{grid-template-columns:1fr}}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 16px;transition:border-color var(--ease),box-shadow var(--ease)}.summary-card:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #0d253812}.summary-card.highlight{border-color:var(--accent);background:linear-gradient(135deg,#fffdf5,#fffaf0)}.summary-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.summary-value{display:block;font-size:1.25rem;font-weight:800;color:var(--primary);line-height:1.3}.summary-card.highlight .summary-value{color:var(--accent)}.summary-sub{display:block;font-size:.72rem;color:var(--text-light);margin-top:4px;opacity:.85}.amortization-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:24px}.amortization-title{font-size:.85rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px}.amortization-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:560px){.amortization-grid{grid-template-columns:1fr}}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid var(--border)}.detail-label{font-size:.82rem;color:var(--text-light)}.detail-value{font-size:.9rem;font-weight:700;color:var(--primary)}.dates-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.dates-title{font-size:.85rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px}.dates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:560px){.dates-grid{grid-template-columns:1fr}}.date-item{display:flex;flex-direction:column;gap:4px;text-align:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.date-label{font-size:.72rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.date-value{font-size:.88rem;font-weight:700;color:var(--primary)}.disclaimer{font-size:.78rem;color:var(--text-light);line-height:1.5;margin-bottom:20px;padding:12px 14px;background:#f8fafc;border-radius:8px;border-left:3px solid var(--accent)}.badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.badge.eligible{background:var(--success-bg);color:var(--success)}.badge.ineligible{background:var(--error-bg);color:var(--error)}.btn-row{display:flex;gap:12px;margin-top:8px}.btn-row button{flex:1;margin:0;padding:13px;border:none;border-radius:9px;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter var(--ease),transform var(--ease),box-shadow var(--ease)}.btn-row button:first-child{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff}.btn-row button:first-child:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #0d253833}.btn-row button.secondary{background:linear-gradient(135deg,var(--text-light) 0%,var(--text) 100%);color:#fff}.btn-row button.secondary:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-row button:active{transform:translateY(0);box-shadow:none}@media (max-width:480px){.results-page{padding:20px}.equity-highlight-inner{flex-direction:column;gap:16px;text-align:center}.equity-divider{width:48px;height:2px}.equity-amount{font-size:1.8rem}.btn-row{flex-direction:column}.btn-row button{width:100%}}:root{--primary: #0d2538;--primary-mid: #1a4a7a;--primary-light: #2e6bb5;--primary-pale: #e8f0fb;--accent: #c9a227;--accent-light: #e8c547;--success: #10b981;--success-bg: #d1fae5;--error: #ef4444;--error-bg: #fee2e2;--card: #ffffff;--text: #1e293b;--text-light: #64748b;--border: #dbe4f0;--radius: 14px;--ease: .22s cubic-bezier(.4,0,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes calcBtnPop{0%{transform:scale(1) translateY(0);box-shadow:0 4px 14px #0d25384d}25%{transform:scale(.96) translateY(2px);box-shadow:0 1px 4px #0d253826}65%{transform:scale(1.04) translateY(-4px);box-shadow:0 14px 32px #2e6bb58c}85%{transform:scale(1.01) translateY(-2px);box-shadow:0 8px 20px #2e6bb559}to{transform:scale(1) translateY(0);box-shadow:0 4px 14px #0d25384d}}@keyframes rippleOut{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(3.5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(150deg,#e8f0fb,#f0f4f8,#faf8f2);background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px 60px}.app{width:100%;max-width:720px;animation:fadeUp .42s var(--ease) both}.app h1{font-size:1.6rem;color:var(--primary);margin-bottom:4px}.app .subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:28px;line-height:1.6}.app-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.app-header .logo{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.3rem;font-weight:900;flex-shrink:0;box-shadow:0 6px 18px #0d253847,inset 0 1px #ffffff1f;transition:transform var(--ease),box-shadow var(--ease)}.app-header .logo:hover{transform:translateY(-3px) rotate(-4deg);box-shadow:0 12px 28px #0d253852}.app-header .title-group h1{margin:0;font-size:1.3rem;line-height:1.2;color:var(--primary)}.app-header .title-group .badge-line{font-size:.78rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.card{background:var(--card);border-radius:var(--radius);padding:32px;box-shadow:0 4px 24px #0d253817,0 1px 4px #0d25380f;border-top:4px solid var(--accent);transition:box-shadow var(--ease),transform var(--ease);animation:fadeUp .4s var(--ease) .08s both}.card:hover{box-shadow:0 8px 36px #0d253824,0 2px 8px #0d253814;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--primary);margin-bottom:6px;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:9px;font-size:.95rem;font-family:inherit;background:#f8faff;color:var(--text);text-transform:uppercase;letter-spacing:.02em;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.form-group textarea{resize:vertical;min-height:68px}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;text-transform:none;letter-spacing:0}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#b0c4de;background:#f0f6ff}.form-group input:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--primary-light);box-shadow:0 0 0 3.5px #2e6bb529}.form-group input.invalid,.form-group textarea.invalid{border-color:var(--error);background:#fff8f8;box-shadow:0 0 0 3px #ef44441f}.form-group .error-text{color:var(--error);font-size:.78rem;margin-top:5px;display:block;animation:fadeUp .2s ease both}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1;min-width:0}@media (max-width:500px){.form-row{flex-direction:column;gap:0}}button{width:100%;padding:13px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff;border:none;border-radius:9px;font-size:1rem;font-weight:600;cursor:pointer;transition:filter var(--ease),transform var(--ease),box-shadow var(--ease);margin-top:8px}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #0d253838}button:active:not(:disabled){transform:translateY(0);box-shadow:none;filter:brightness(.96)}button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}button.secondary{background:linear-gradient(135deg,var(--text-light) 0%,var(--text) 100%)}button.accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:var(--primary)}.calculator-card button[type=submit]{position:relative;overflow:hidden;background:linear-gradient(135deg,#2e6bb5,#1a4a7a);padding:15px;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 14px #0d25384d;transition:filter var(--ease),transform var(--ease),box-shadow var(--ease)}.calculator-card button[type=submit]:hover{filter:brightness(1.12);transform:translateY(-3px);box-shadow:0 10px 28px #2e6bb56b}.calculator-card button[type=submit]:active{animation:calcBtnPop .52s cubic-bezier(.4,0,.2,1) forwards}.calculator-card button[type=submit]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55) 0%,transparent 65%);opacity:0;pointer-events:none;transition:opacity .45s ease}.calculator-card button[type=submit]:active:after{opacity:1;transition:opacity 0s}.result{margin-top:24px;padding:22px;background:linear-gradient(135deg,#f4f8fd,#edf3fc);border-radius:10px;border-left:4px solid var(--accent);box-shadow:0 2px 10px #0d25380f;transition:box-shadow var(--ease),transform var(--ease)}.result:hover{box-shadow:0 6px 20px #0d25381a;transform:translate(2px)}.result h3{font-size:1.05rem;margin-bottom:14px;color:var(--primary);font-weight:700}.result .row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.92rem}.result .row:last-child{border-bottom:none}.result .row .label{color:var(--text-light);font-size:.85rem}.result .row .value{font-weight:700;color:var(--text)}.result .badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.result .badge.eligible{background:var(--success-bg);color:var(--success)}.result .badge.ineligible{background:var(--error-bg);color:var(--error)}.history-link{display:block;text-align:center;margin-top:20px;font-size:.88rem}.history-link a{color:var(--primary-light);text-decoration:none;font-weight:600;transition:color var(--ease);position:relative}.history-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width var(--ease)}.history-link a:hover{color:var(--accent)}.history-link a:hover:after{width:100%}.error-banner{background:var(--error-bg);color:var(--error);padding:12px 16px;border-radius:9px;margin-bottom:20px;font-size:.9rem;border-left:4px solid var(--error);animation:fadeUp .25s ease both}.equity-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);color:#fff;border-radius:10px;padding:20px;text-align:center;margin-bottom:20px}.equity-highlight .label{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.equity-highlight .amount{font-size:2rem;font-weight:900;color:var(--accent-light)}.equity-highlight .sub{font-size:.82rem;opacity:.7;margin-top:4px}.btn-row{display:flex;gap:12px;margin-top:20px}.btn-row button{flex:1;margin:0}@media (max-width:480px){body{padding:24px 12px 40px}.card{padding:22px}}
