.calc-panel{transition:box-shadow .5s cubic-bezier(.16,1,.3,1)}.calc-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#009ace,#0080a8);color:#fff;font-family:Raleway,sans-serif;font-weight:800;font-style:italic;font-size:11px;line-height:1;flex-shrink:0;box-shadow:0 1px 3px #009ace4d}.calc-label{display:flex;align-items:center;gap:8px;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:8px}.calc-select{width:100%;padding:14px 40px 14px 16px;border-radius:12px;background-color:#f8fafc;border:1.5px solid #e2e8f0;font-family:Open Sans,sans-serif;font-size:.875rem;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M2%204l4%204%204-4%22%2F%3E%3C%2Fsvg%3E);background-size:12px;background-position:right 16px center;background-repeat:no-repeat}.calc-select:focus{border-color:#009ace;box-shadow:0 0 0 3px #009ace26,0 1px 3px #0000000f;background-color:#fff}.calc-field-active{animation:field-arrive .6s cubic-bezier(.16,1,.3,1)}@keyframes field-arrive{0%{box-shadow:0 0 #009ace40}50%{box-shadow:0 0 0 6px #009ace14}to{box-shadow:0 0 #009ace00}}.calc-field{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),max-height .5s cubic-bezier(.16,1,.3,1);opacity:1;transform:translateY(0);max-height:200px;overflow:hidden;border-radius:12px;padding:2px}.calc-field-hidden{opacity:0;transform:translateY(12px);max-height:0;margin-top:0!important;padding-top:0;padding-bottom:0;pointer-events:none}.calc-field[data-field-index="0"]{max-height:none;overflow:visible}.result-card{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.result-card-hidden{opacity:0;transform:translateY(8px)}@keyframes number-settle{0%{opacity:.6;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.number-counting{animation:number-settle .1s ease-out}.number-settled{animation:number-settle .3s cubic-bezier(.16,1,.3,1)}.locked-card{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.locked-card:hover,.locked-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 30px #009ace2e;outline:none}.locked-card:focus-visible{box-shadow:0 0 0 3px #009ace73,0 8px 30px #009ace2e}.locked-value{filter:blur(7px);-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none;opacity:.85}.locked-pill{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 9px;border-radius:999px;background:#009ace1a;border:1px solid rgba(0,154,206,.3);color:#0080a8;font-family:Open Sans,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:background .25s,color .25s}.locked-card:hover .locked-pill{background:#009ace2e}.locked-pill-light{background:#ffffff26;border-color:#ffffff59;color:#fff}.locked-card:hover .locked-pill-light{background:#ffffff40}.packet-form-card{position:relative;border-radius:24px;background:#ffffff0b;backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:border-color .5s cubic-bezier(.16,1,.3,1)}.packet-form-card:focus-within{border-color:#009ace59}.packet-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#009ace 30%,#00bcd4 70%,transparent);z-index:1}.packet-form-card:after{content:"";position:absolute;top:-70px;left:50%;transform:translate(-50%);width:320px;height:120px;background:radial-gradient(ellipse at center,rgba(0,154,206,.22),transparent 70%);pointer-events:none}.packet-label{display:block;font-family:Open Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6;margin-bottom:7px}.packet-field{position:relative}.packet-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#ffffff4d;pointer-events:none;transition:color .25s}.packet-field:focus-within .packet-field-icon{color:#00b8e6}.packet-input{width:100%;padding:13px 40px 13px 41px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-family:Open Sans,sans-serif;font-size:.9rem;color:#fff;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.packet-input::-moz-placeholder{color:#ffffff47}.packet-input::placeholder{color:#ffffff47}.packet-input:focus{border-color:#009aceb3;background:#ffffff17;box-shadow:0 0 0 4px #009ace26}.packet-input:-webkit-autofill,.packet-input:-webkit-autofill:hover,.packet-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #1a2438 inset;caret-color:#fff;border-color:#ffffff1f}.packet-field-check{position:absolute;right:14px;top:50%;transform:translateY(-50%) scale(.6);width:16px;height:16px;color:#34d399;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1)}.packet-field.field-valid .packet-field-check{opacity:1;transform:translateY(-50%) scale(1)}.calc-progress-track{height:6px;border-radius:999px;background:#eef2f7;overflow:hidden}.calc-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#009ace,#00bcd4);box-shadow:0 0 10px #009ace73;transition:width .6s cubic-bezier(.16,1,.3,1)}.role-chip{font-family:Open Sans,sans-serif;font-size:.82rem;font-weight:600;color:#334155;text-align:left;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1.5px solid #e2e8f0;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.role-chip:hover{border-color:#009ace80;background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #009ace1f}.role-chip:focus-visible{outline:none;border-color:#009ace;box-shadow:0 0 0 3px #009ace40}.role-chip-selected,.role-chip-selected:hover{border-color:#009ace;background:#009ace14;color:#0080a8;box-shadow:0 0 0 1px #009ace59}.role-summary-row{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;background:#009ace0f;border:1.5px solid rgba(0,154,206,.35)}.exp-confirm-btn{font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;color:#009ace;background:#009ace14;border:1px solid rgba(0,154,206,.3);border-radius:999px;padding:5px 14px;cursor:pointer;transition:background .2s,color .2s,opacity .3s}.exp-confirm-btn:hover{background:#009ace26;color:#0080a8}.exp-confirm-btn.invisible{opacity:0;pointer-events:none}.calc-step-num.step-done{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 1px 3px #10b98159}@keyframes cluster-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.locked-cluster-reveal>*{animation:cluster-rise .55s cubic-bezier(.16,1,.3,1) both}.locked-cluster-reveal>*:nth-child(1){animation-delay:.05s}.locked-cluster-reveal>*:nth-child(2){animation-delay:.17s}.locked-cluster-reveal>*:nth-child(3){animation-delay:.29s}.locked-cluster-reveal>*:nth-child(4){animation-delay:.45s}@media(prefers-reduced-motion:reduce){.locked-card,.locked-card:hover,.role-chip,.role-chip:hover{transform:none;transition:none}.locked-cluster-reveal>*{animation:none}.calc-progress-fill{transition:none}}
