@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap);:root{--nctc-blue:#1a56db;--nctc-blue-dark:#1245b5;--nctc-blue-light:#e8f0fe;--nctc-blue-mid:#c7d9fc;--nctc-accent:#0ea5e9;--nctc-green:#16a34a;--nctc-green-bg:#f0fdf4;--nctc-red:#dc2626;--nctc-red-bg:#fef2f2;--nctc-text:#0f172a;--nctc-text2:#475569;--nctc-text3:#94a3b8;--nctc-bg:#f1f5fb;--nctc-white:#ffffff;--nctc-border:#dde5f4;--nctc-border2:#c5d3ed;--nctc-radius:16px;--nctc-radius-sm:10px;--nctc-shadow:0 4px 24px rgba(26,86,219,0.10), 0 1px 4px rgba(0,0,0,0.04);--nctc-shadow-lg:0 8px 40px rgba(26,86,219,0.14), 0 2px 8px rgba(0,0,0,0.06);--nctc-font:'Plus Jakarta Sans', sans-serif;--nctc-mono:'Fira Code', monospace;--nctc-transition:0.2s ease}#nctc-wrap,#nctc-wrap *{box-sizing:border-box;margin:0;padding:0}#nctc-wrap{font-family:var(--nctc-font);background:var(--nctc-bg);border-radius:var(--nctc-radius);max-width:740px;margin:0 auto;overflow:hidden;box-shadow:var(--nctc-shadow-lg);border:1px solid var(--nctc-border)}.nctc-header{background:linear-gradient(135deg,#1a56db 0%,#1e6bff 60%,#0ea5e9 100%);padding:28px 32px 26px;position:relative;overflow:hidden}.nctc-header::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:rgb(255 255 255 / .07);pointer-events:none}.nctc-header::after{content:'';position:absolute;bottom:-40px;left:30%;width:160px;height:160px;border-radius:50%;background:rgb(255 255 255 / .05);pointer-events:none}.nctc-header-inner{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.nctc-icon{flex-shrink:0;width:52px;height:52px;background:rgb(255 255 255 / .18);border-radius:12px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .22)}.nctc-icon svg rect{fill:rgb(255 255 255 / .25)!important}.nctc-icon svg path,.nctc-icon svg circle{fill:#fff!important;stroke:#fff!important}.nctc-title{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.4px;line-height:1.2}.nctc-subtitle{font-size:12.5px;color:rgb(255 255 255 / .75);font-weight:400;margin-top:4px}.nctc-card{background:var(--nctc-white);padding:30px 32px}.nctc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.nctc-field-full{grid-column:1 / -1}.nctc-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--nctc-text2);margin-bottom:8px;letter-spacing:.1px}.nctc-label svg{color:var(--nctc-blue);flex-shrink:0}.nctc-select-wrap{position:relative}.nctc-select-wrap select{width:100%;background:var(--nctc-white);border:1.5px solid var(--nctc-border);color:var(--nctc-text);font-family:var(--nctc-font);font-size:14.5px;font-weight:500;padding:11px 42px 11px 14px;border-radius:var(--nctc-radius-sm);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border var(--nctc-transition),box-shadow var(--nctc-transition)}.nctc-select-wrap select option{background:var(--nctc-white)}.nctc-select-wrap select:focus{border-color:var(--nctc-blue);box-shadow:0 0 0 3px rgb(26 86 219 / .12)}.nctc-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--nctc-text3);pointer-events:none;display:flex;align-items:center}.nctc-input-wrap{position:relative;display:flex;align-items:center}.nctc-input-wrap input{width:100%;background:var(--nctc-white);border:1.5px solid var(--nctc-border);color:var(--nctc-text);font-family:var(--nctc-font);font-size:14.5px;font-weight:500;padding:11px 14px;border-radius:var(--nctc-radius-sm);outline:none;transition:border var(--nctc-transition),box-shadow var(--nctc-transition)}.nctc-input-wrap input:focus{border-color:var(--nctc-blue);box-shadow:0 0 0 3px rgb(26 86 219 / .12)}.nctc-input-wrap input::placeholder{color:var(--nctc-text3);font-weight:400}.nctc-input-prefix,.nctc-input-suffix{position:absolute;font-size:15px;color:var(--nctc-text3);font-weight:600;pointer-events:none}.nctc-input-prefix{left:13px}.nctc-input-suffix{right:13px}#nctc-value{padding-left:28px}#nctc-rate{padding-right:32px}.nctc-rate-note{font-size:12px;color:var(--nctc-blue);font-weight:500;margin-top:5px;min-height:16px;padding-left:2px}.nctc-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--nctc-blue) 0%,#1e6bff 100%);color:#fff;font-family:var(--nctc-font);font-size:15px;font-weight:700;border:none;border-radius:var(--nctc-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:all var(--nctc-transition);box-shadow:0 4px 16px rgb(26 86 219 / .3);letter-spacing:.1px}.nctc-btn:hover{background:linear-gradient(135deg,var(--nctc-blue-dark) 0%,var(--nctc-blue) 100%);transform:translateY(-1px);box-shadow:0 6px 22px rgb(26 86 219 / .4)}.nctc-btn:active{transform:translateY(0)}.nctc-btn-outline{padding:10px 18px;background:#fff0;color:var(--nctc-blue);font-family:var(--nctc-font);font-size:13.5px;font-weight:600;border:1.5px solid var(--nctc-blue-mid);border-radius:var(--nctc-radius-sm);cursor:pointer;display:flex;align-items:center;gap:7px;transition:all var(--nctc-transition);margin-top:16px}.nctc-btn-outline:hover{background:var(--nctc-blue-light);border-color:var(--nctc-blue)}.nctc-results{margin-top:24px;border-top:1.5px solid var(--nctc-border);padding-top:24px;animation:nctcFadeIn 0.35s ease}.nctc-results-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--nctc-green);margin-bottom:18px;background:var(--nctc-green-bg);border:1px solid #bbf7d0;border-radius:var(--nctc-radius-sm);padding:10px 14px}.nctc-results-header svg{flex-shrink:0}.nctc-results-header span{color:var(--nctc-blue)}.nctc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.nctc-result-card{border-radius:var(--nctc-radius-sm);padding:20px;text-align:center;border:1.5px solid var(--nctc-border);transition:box-shadow var(--nctc-transition)}.nctc-result-card:hover{box-shadow:var(--nctc-shadow)}.nctc-result-annual{background:linear-gradient(135deg,#eff6ff 0%,#e8f0fe 100%);border-color:var(--nctc-blue-mid)}.nctc-result-monthly{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#a7f3d0}.nctc-result-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--nctc-text2);margin-bottom:8px}.nctc-result-annual .nctc-result-label{color:var(--nctc-blue)}.nctc-result-monthly .nctc-result-label{color:var(--nctc-green)}.nctc-result-value{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1}.nctc-result-annual .nctc-result-value{color:var(--nctc-blue)}.nctc-result-monthly .nctc-result-value{color:var(--nctc-green)}.nctc-formula-box{background:#f8fafc;border:1px solid var(--nctc-border);border-left:3px solid var(--nctc-blue);border-radius:var(--nctc-radius-sm);padding:12px 16px;font-size:13px;color:var(--nctc-text2);line-height:1.6}.nctc-formula-label{font-weight:700;color:var(--nctc-text);margin-right:6px}#nctc-formula-text{font-family:var(--nctc-mono);font-size:12.5px;color:var(--nctc-blue-dark)}.nctc-error{margin-top:16px;padding:11px 15px;background:var(--nctc-red-bg);border:1.5px solid #fecaca;border-radius:var(--nctc-radius-sm);font-size:13.5px;color:var(--nctc-red);font-weight:500;display:flex;align-items:center;gap:8px;animation:nctcFadeIn 0.25s ease}.nctc-footer{background:#f8fafd;border-top:1px solid var(--nctc-border);padding:11px 32px;font-size:11.5px;color:var(--nctc-text3);text-align:center;line-height:1.6}@keyframes nctcFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.nctc-card{padding:20px 18px}.nctc-header{padding:20px 18px}.nctc-footer{padding:10px 18px}.nctc-form-grid{grid-template-columns:1fr;gap:16px}.nctc-field-full{grid-column:1}.nctc-title{font-size:16px}.nctc-subtitle{font-size:11.5px}.nctc-results-grid{grid-template-columns:1fr;gap:12px}.nctc-result-value{font-size:26px}.nctc-icon{width:44px;height:44px}}@media (max-width:400px){.nctc-title{font-size:14.5px}.nctc-result-value{font-size:22px}.nctc-btn{font-size:14px;padding:12px 16px}}@media print{#nctc-wrap{box-shadow:none;border:1px solid #ccc}.nctc-header{background:#1a56db!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.nctc-btn,.nctc-btn-outline{display:none}}