:root{--bg:#070d18;--panel:#101b2b;--panel2:#142237;--line:#2b3b4f;--text:#f8f9fc;--sub:#aebbcf;--gold:#e7bb78;--gold2:#cb914b;--good:#79d8a0;--bad:#ff9a96}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;color:var(--text);font:16px/1.42 Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 80% -12%,#25344b,transparent 47%),var(--bg);min-height:100svh}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffde9a;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}
.topbar{border-bottom:1px solid #9db3d51c;background:#070d18d9;backdrop-filter:blur(14px)}.topbar-inner{max-width:1130px;margin:auto;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:1.12rem;font-weight:850;letter-spacing:-.05em}.brand img{border-radius:10px}.brand b,footer b{color:var(--gold)}.topbar-tag{font-size:.65rem;letter-spacing:.16em;color:#98a8be;font-weight:900}
.app-container{max-width:1130px;margin:auto;padding:31px 24px 30px}.eyebrow,.panel-kicker{color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:.64rem}.intro{margin-bottom:27px}.intro h1{font-size:clamp(2.2rem,4.3vw,3.6rem);letter-spacing:-.06em;line-height:1.08;margin:8px 0 11px}.intro h1 span{color:var(--gold)}.intro p{color:var(--sub);font-size:.97rem;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:20px;align-items:start}.calculator-panel,.result-panel{background:linear-gradient(146deg,#142136,#0c1727);border:1px solid #34485d91;box-shadow:0 26px 70px #0002;border-radius:21px;padding:25px}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:15px}.panel-heading h2{font-size:1.27rem;margin:6px 0 0;letter-spacing:-.035em}.live-label{font-size:.58rem;letter-spacing:.09em;color:#a8c4bb;white-space:nowrap;display:flex;align-items:center;gap:5px}.live-label span{background:#65d59a;display:block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #3fc58b1d}
details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.address-details{border:1px solid #374860;border-radius:12px;background:#0f1a2c;margin-bottom:13px}.address-details>summary{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.address-details summary>span:first-child{display:grid;grid-template-columns:23px 1fr;column-gap:9px;align-items:center}.address-details strong{font-size:.85rem}.address-details small{grid-column:2;color:#8296ad;font-size:.71rem}.summary-icon{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round}.drop-arrow{color:var(--gold);font-size:1.5rem;transition:transform .2s}details[open]>summary .drop-arrow{transform:rotate(180deg)}.address-grid{border-top:1px solid #2a3b52;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field span{font-size:.7rem;color:#aabbd0}.field input{width:100%;border:1px solid #344960;border-radius:9px;padding:12px 11px;background:#0a1424;color:#fff;font-size:.87rem}.field input::placeholder{color:#6b7d91}
.calc-fields{display:grid;gap:0}.money-field{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2a3b4b;padding:13px 0}.field-text{display:grid;gap:4px;min-width:0}.field-text strong{font-size:.88rem;line-height:1.22;font-weight:750}.field-text small{font-size:.7rem;color:#8d9fb6;line-height:1.3}.money-input{display:flex;align-items:center;flex:0 0 148px;background:#0a1424;border:1px solid #384d65;border-radius:10px;min-height:46px;overflow:hidden}.money-input:focus-within{border-color:#e9c38e;box-shadow:0 0 0 2px #d6a76622}.money-input>span{color:var(--gold);font-weight:800;padding:0 6px 0 12px}.money-input input{background:transparent;border:0;outline:0;color:#fff;width:100%;min-width:0;padding:11px 8px 11px 0;text-align:right;font-weight:750;font-size:1rem;appearance:textfield;-moz-appearance:textfield}.money-input input::-webkit-outer-spin-button,.money-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.money-input input::placeholder{color:#64758a;font-weight:500}.cost-details{border-bottom:1px solid #2a3b4b}.cost-details .money-field{border:0}.cost-details[open] .more-inline{display:inline-block;transform:rotate(180deg)}.more-inline{font-size:1rem;color:var(--gold);display:inline-block;transition:transform .2s}.cost-total{font-weight:800;color:#efc88d;background:#111f33;border:1px solid #354a5d;min-width:148px;padding:13px 16px;text-align:right;border-radius:9px}.cost-inside{background:#0b1727;margin:0 -8px 10px;padding:6px 15px 7px;border:1px solid #2b4055;border-radius:11px}.cost-inside>p{color:#90a3b7;font-size:.72rem;margin:9px 0 7px;line-height:1.45}.money-field.compact{min-height:64px}.money-field.compact .field-text strong{font-size:.78rem}.money-field.compact:last-child{border-bottom:0}.money-field.compact .money-input{flex-basis:136px;min-height:39px}.money-field.compact .money-input input{font-size:.87rem;padding:9px 7px 9px 0}
.assignment-row{padding:19px 0 2px;display:flex;align-items:center;justify-content:space-between;gap:8px}.assignment-title{display:grid;gap:5px}.assignment-title strong{color:#f0c57e;font-size:1rem}.assignment-title small{font-size:.7rem;color:#a2b0c3;max-width:200px}.assignment-controls{display:flex;align-items:center;gap:10px}.percent-stepper{display:flex;align-items:center;overflow:hidden;border:1px solid #b18345;border-radius:11px;background:#1a2431}.percent-stepper button{width:32px;height:46px;background:transparent;border:0;color:#f2c985;font-weight:900;font-size:1.4rem}.percent-stepper button:hover{background:#d9a75619}.percent-stepper output{min-width:36px;text-align:center;font-weight:850;font-size:.92rem}.fee-money{display:inline-block;min-width:97px;text-align:right;color:#f8dfb3;font-size:1.16rem;letter-spacing:-.02em;font-weight:900}
.result-panel{position:sticky;top:14px;background:linear-gradient(160deg,#192d43,#101d30 75%);border-color:#83633d88}.result-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.result-signal{font-size:.56rem;letter-spacing:.08em;font-weight:850;padding:6px 8px;border-radius:7px;background:#a2b3cc1e;color:#c1cedd;white-space:nowrap}.result-signal.good{background:#3cbc7940;color:#8be2ab}.result-signal.bad{background:#d05b5b33;color:#ffaca9}.result-panel h2{font-size:1.07rem;color:#ced7e4;margin:27px 0 5px}.main-offer{font-size:clamp(3rem,5vw,4rem);color:#f8d393;line-height:1.1;letter-spacing:-.065em;font-weight:880;font-variant-numeric:tabular-nums}.main-offer.bad{color:#f5b1a9}.result-subtitle{color:#aebbd0;line-height:1.5;font-size:.78rem;max-width:400px}.result-divider{height:1px;background:#405064;margin:24px 0}.result-line{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid #2c3e51}.result-line span{font-size:.8rem;color:#abb9ca;line-height:1.3;max-width:200px}.result-line strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1rem}.result-line.emphasis strong{color:#f4d39d;font-size:1.16rem}.deal-verdict{margin:21px 0;padding:14px 15px;background:#203247;border-left:3px solid #829bb6;color:#cbd6e3;font-size:.79rem;line-height:1.5;border-radius:0 8px 8px 0}.deal-verdict.good{border-left-color:var(--good);background:#2348375a;color:#b8f2d0}.deal-verdict.bad{border-left-color:var(--bad);background:#6e363459;color:#f6b9b8}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{border-radius:10px;min-height:53px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:.77rem;font-weight:900;border:1px solid transparent;padding:7px 9px}.action-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}.action-btn.gold{background:linear-gradient(110deg,#f6d89c,#cb9248);color:#101925;border-color:#eed0a5}.action-btn.outline{background:#ffffff0a;color:#d5e0ec;border-color:#4b617a}.reset-button{width:100%;border:0;background:transparent;color:#c1cfdf;font-size:.78rem;font-weight:750;margin-top:13px;padding:10px}.reset-button:hover{text-decoration:underline}.legal-line{border-top:1px solid #2b3c50;padding-top:16px;margin:14px 0 0;color:#8497ac;font-size:.68rem;line-height:1.55}
footer{display:flex;justify-content:space-between;gap:15px;color:#708399;border-top:1px solid #3041566c;margin-top:36px;padding-top:17px;font-size:.65rem;letter-spacing:.08em;font-weight:850}footer span:first-child{font-size:.88rem;color:#b9c9db;letter-spacing:-.03em}.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:90;border:1px solid #cda36c88;background:#15283e;color:white;padding:12px 17px;border-radius:11px;font-size:.83rem;box-shadow:0 14px 50px #0007;display:none;max-width:min(510px,calc(100% - 28px));text-align:center}.toast.show{display:block}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.result-panel{position:static}.app-container{max-width:670px}.intro{margin-bottom:20px}.calculator-panel,.result-panel{padding:22px}}
@media(max-width:480px){.topbar-inner{padding:10px 14px}.brand{font-size:1rem}.brand img{width:33px;height:33px}.topbar-tag{font-size:.51rem}.app-container{padding:23px 12px 23px}.intro h1{font-size:2.33rem}.intro p{font-size:.82rem}.calculator-panel,.result-panel{padding:17px;border-radius:16px}.panel-heading{padding-bottom:14px}.panel-heading h2{font-size:1.1rem}.money-field{min-height:75px;gap:8px}.field-text strong{font-size:.79rem}.field-text small{font-size:.64rem}.money-input{flex-basis:127px;min-height:44px}.money-input input{font-size:.92rem}.cost-total{min-width:127px}.assignment-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.assignment-title{min-width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.assignment-title small{font-size:.64rem}.assignment-controls{width:100%;justify-content:space-between}.percent-stepper button{height:44px;width:44px}.fee-money{font-size:1.3rem}.result-panel h2{margin-top:22px}.result-line span{font-size:.72rem}.result-line strong{font-size:.89rem}.export-actions{grid-template-columns:1fr}.action-btn{min-height:51px;font-size:.83rem}footer{flex-direction:column;align-items:center;gap:6px}}
@media(max-width:340px){.brand{font-size:.84rem}.topbar-tag{display:none}.field-text strong{font-size:.72rem}.field-text small{font-size:.59rem}.money-input,.cost-total{flex-basis:110px;min-width:110px}.money-input input{font-size:.81rem}.calculator-panel,.result-panel{padding:14px}}
.topbar .brand{min-width:0}
.topbar .brand-titles{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.16}
.topbar .brand-name{white-space:nowrap}
.topbar .brand-product{display:block;margin-top:4px;color:#aebbcf;font-size:.7rem;font-weight:600;letter-spacing:.005em;line-height:1.25;max-width:355px}
@media(max-width:650px){.topbar-tag{display:none}.topbar .brand-product{font-size:.67rem;max-width:280px}}
@media(max-width:360px){.topbar .brand-product{font-size:.62rem;max-width:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}