:root{--bg:#f5f7f8;--surface:#fff;--surface-muted:#eef4f1;--text:#23302f;--text-muted:#64716f;--heading:#111918;--border:#dfe7e4;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#dff4ef;--warning:#b7791f;--warning-soft:#fff4d8;--danger:#b42318;--danger-soft:#ffe5e1;--shadow:0 18px 48px #192d2a17;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-page{background:url(/backgroundperodua.png) 50%/cover fixed;min-height:100svh;padding:26px}.calculator-board{-webkit-backdrop-filter:blur(10px);background:#ffffffad;border:1px solid #ffffff7a;border-radius:18px;width:min(100%,980px);margin:0 auto;padding:24px;box-shadow:0 24px 70px #19302d33}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.calculator-board{background:#ffffffe0}}.board-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:4px 4px 22px;display:grid}.brand-logo{object-fit:contain;width:128px;height:auto}.board-header p,.panel-label,.quick-stats span,.model-index,.detail-grid span,.drawer-controls span{color:#66736f;letter-spacing:.02em;font-size:.82rem;font-weight:800}.board-header p{text-transform:uppercase;margin:0 0 5px}.board-header h1{color:#10201d;letter-spacing:0;margin:0;font-size:clamp(1.9rem,5vw,3.45rem);line-height:.98}.hero-contact{color:#075e54;background:#ecfff7eb;border:1px solid #075e5438;border-radius:999px;grid-template-columns:auto auto auto;align-items:center;gap:10px;width:fit-content;margin-top:14px;padding:10px 14px;display:inline-grid;box-shadow:0 10px 22px #0f513f1f}.hero-contact span{color:#fff;background:#0f766e;border-radius:999px;padding:5px 8px;font-size:.78rem;font-weight:900}.hero-contact strong{color:#063f39;letter-spacing:.02em;font-size:1.06rem;line-height:1.1}.hero-contact button{color:#075e54;background:#fff;border:0;border-radius:999px;min-height:32px;padding:5px 12px;font-size:.8rem;font-weight:900;box-shadow:inset 0 0 0 1px #075e5429}.hero-contact:hover,.hero-contact:focus-within{background:#dff8ed;border-color:#10b981}.hero-contact button:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #075e5429,0 0 0 3px #10b98133}.salary-panel{background:linear-gradient(135deg,#132522,#1b3b35);border-radius:14px;grid-template-columns:minmax(0,1fr) 180px;align-items:stretch;gap:14px;padding:16px;display:grid}.salary-control{background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:64px;margin-top:8px;padding:0 18px;display:grid}.salary-control span{color:#b7fff1;font-weight:950}.salary-control input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:2.1rem;font-weight:950}.salary-panel .panel-label{color:#a8c2bd}.score-card{background:#d7f8e8;border-radius:12px;align-content:center;justify-items:end;padding:14px 16px;display:grid}.score-card span{color:#186c55;font-size:.82rem;font-weight:900}.score-card strong{color:#0f513f;font-size:2.8rem;line-height:1}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.quick-stats div{background:#f8fbfa;border:1px solid #dfe8e4;border-radius:12px;gap:4px;min-height:86px;padding:14px;display:grid}.quick-stats strong{color:#11231f;font-size:1.14rem;line-height:1.25}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.model-card{background:#fff;border:1px solid #dfe8e4;border-radius:14px;gap:18px;min-height:162px;padding:18px;display:grid;position:relative;overflow:hidden}.model-card:before{content:"";width:6px;position:absolute;inset:0 auto 0 0}.model-card.is-pass:before{background:#10b981}.model-card.is-fail:before{background:#ef4444}.model-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.model-card h2{color:#10201d;margin:3px 0 0;font-size:1.75rem;line-height:1}.card-status{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950;display:inline-flex}.is-pass .card-status{color:#05714f;background:#dff8ed}.is-fail .card-status{color:#b42318;background:#ffe4e0}.variant-list{flex-wrap:wrap;gap:8px;display:flex}.variant-chip{color:#075e54;background:#ecfff7;border:1px solid #b8e8d4;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:6px 12px;font-size:.86rem;font-weight:900;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.variant-chip:hover,.variant-chip:focus-visible{background:#dff8ed;border-color:#10b981;outline:0;transform:translateY(-1px)}.not-fit-copy,.board-footer{color:#66736f;margin:0;line-height:1.45}.board-footer{background:#f6faf8;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;font-size:.88rem;display:grid}.board-footer p{margin:0}.contact-card{color:#075e54;background:#ecfff7;border:1px solid #b8e8d4;border-radius:12px;gap:2px;width:fit-content;min-width:220px;padding:10px 12px;text-decoration:none;display:grid}.contact-card span{color:#4f6f68;font-size:.78rem;font-weight:800}.contact-card strong{color:#075e54;font-size:.96rem;line-height:1.2}.contact-card:hover,.contact-card:focus-visible{background:#dff8ed;border-color:#10b981;outline:0}.drawer-backdrop{z-index:10;background:#0714139e;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.detail-drawer{color:#17211f;background:#fbfffd;border-radius:18px 18px 12px 12px;gap:16px;width:min(720px,100%);max-height:min(88svh,780px);padding:24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0000006b}.drawer-close{color:#52615e;background:#edf3f1;border:0;border-radius:999px;width:36px;height:36px;font-size:1.1rem;position:absolute;top:14px;right:14px}.drawer-title{padding-right:42px}.drawer-title h2{color:#101817;margin:10px 0 6px;font-size:1.65rem}.drawer-title p{color:#5f6d69;margin:0}.status-pill{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.status-pill.safe{color:#075e54;background:#dff8ed}.status-pill.warning{color:#93600d;background:#fff2cc}.status-pill.danger{color:#b42318;background:#ffe4e0}.detail-price{color:#fff;background:linear-gradient(135deg,#0f766e,#0f9f6e);border-radius:12px;gap:4px;padding:18px;display:grid}.detail-price span{opacity:.85;font-weight:750}.detail-price strong{font-size:2rem;line-height:1}.detail-grid,.drawer-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-grid div,.drawer-controls label{background:#f5faf8;border:1px solid #dfe8e4;border-radius:10px;gap:6px;min-height:82px;padding:12px;display:grid}.detail-grid strong{color:#101817;line-height:1.2}.drawer-controls input,.drawer-controls select{color:#101817;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:850}.tenure-switch{background:#f5faf8;border:1px solid #dfe8e4;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.tenure-switch button{color:#63736f;background:0 0;border:0;border-radius:8px;min-height:42px;font-weight:900}.tenure-switch button.active{color:#fff;background:#0f766e}.drawer-warning{color:#76520d;background:#fff3d6;border-radius:10px;margin:0;padding:13px 14px}.drawer-contact{width:100%}@media (width<=760px){.app-page{background-attachment:scroll;padding:12px}.calculator-board{background:#ffffffc2;border-radius:16px;padding:14px}.board-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:2px 2px 14px}.brand-logo{width:92px}.board-header p{margin-bottom:4px;font-size:.72rem}.board-header h1{font-size:clamp(1.65rem,8vw,2.3rem);line-height:1.02}.hero-contact{border-radius:14px;grid-template-columns:1fr auto;gap:5px;margin-top:10px;padding:9px 11px}.hero-contact span{width:fit-content}.hero-contact strong{font-size:.96rem}.hero-contact button{grid-area:1/2/span 2;align-self:center}.salary-panel{border-radius:14px;grid-template-columns:1fr;gap:10px;padding:12px}.salary-control{min-height:58px;margin-top:7px;padding:0 14px}.salary-control input{min-height:56px;font-size:1.85rem}.score-card{grid-template-columns:minmax(0,1fr) auto;place-items:end start;min-height:72px;padding:12px 14px}.score-card strong{font-size:2.3rem}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.quick-stats div{min-height:78px;padding:12px}.quick-stats div:first-child{grid-column:1/-1}.quick-stats strong{font-size:1.05rem}.model-grid{grid-template-columns:1fr;gap:10px}.model-card{border-radius:13px;gap:14px;min-height:auto;padding:15px 15px 15px 18px}.model-card-top{align-items:center}.model-card h2{font-size:1.45rem}.card-status{padding:6px 9px;font-size:.72rem}.variant-list{gap:7px}.variant-chip{min-height:34px;padding:6px 10px;font-size:.8rem}.not-fit-copy{font-size:.9rem}.board-footer{grid-template-columns:1fr;margin-top:12px;font-size:.8rem}.contact-card{width:100%;min-width:0}.drawer-backdrop{padding:0}.detail-drawer{border-radius:18px 18px 0 0;width:100%;max-height:92svh;padding:20px}.drawer-title h2{font-size:1.35rem;line-height:1.15}.detail-price strong{font-size:1.55rem}.detail-grid,.drawer-controls{grid-template-columns:1fr 1fr}}@media (width<=430px){.app-page{padding:0}.calculator-board{border:0;border-radius:0;min-height:100svh;padding:14px 12px 18px}.board-header{text-align:center;grid-template-columns:1fr;justify-items:center}.brand-logo{width:110px}.board-header h1{max-width:340px;font-size:1.95rem}.hero-contact{justify-items:center;width:100%}.hero-contact span,.hero-contact strong{justify-self:start}.salary-control input{font-size:1.75rem}.quick-stats{grid-template-columns:1fr}.quick-stats div:first-child{grid-column:auto}.model-card-top{grid-template-columns:minmax(0,1fr) auto;display:grid}.model-card h2{font-size:1.38rem}.variant-chip{flex:calc(50% - 8px);justify-content:center;min-width:0}.detail-drawer{padding:18px 14px}.detail-grid,.drawer-controls{grid-template-columns:1fr}}