.calculator{display:flex;justify-content:center}.calculator-card{background:#ffffff;border-radius:24px;box-shadow:0 16px 48px rgba(0,20,40,0.08);padding:32px 28px;width:100%;max-width:760px;border:1px solid rgba(210,225,245,0.4);transition:padding .3s ease}.form-container{text-align:center;position:relative;z-index:1}.gender-toggle{display:inline-flex;gap:8px;margin-bottom:18px;background:#f4f8fe;padding:6px;border-radius:16px;border:1px solid #e1ebf5}.type-btn{padding:10px 22px;border-radius:12px;border:0;background:transparent;cursor:pointer;font-weight:700;color:#1f4a66;font-size:.95rem;transition:all .2s ease;min-height:44px}.type-btn:hover{background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.type-btn.active{background:linear-gradient(145deg,#1a4b5f 0%,#2a6a79 100%);color:#fff;box-shadow:0 8px 20px rgba(26,75,95,0.18)}.input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:8px}.input-group{background:#fcfcf9;border:1px solid #e8dfc8;border-radius:16px;padding:12px 14px;text-align:right;transition:border-color .2s}.input-group:focus-within{border-color:#1a4b5f;box-shadow:0 0 0 3px rgba(26,75,95,0.06)}.input-group:last-child:nth-child(odd){grid-column:1/-1}.input-group.full-width{grid-column:1/-1}.input-label{display:flex;justify-content:space-between;align-items:center;color:#1a3f5c;font-weight:700;margin-bottom:4px;font-size:.85rem;text-align:right}.optional-badge{font-size:.65rem;font-weight:400;color:#8899aa;white-space:nowrap;margin-right:4px}.number-input{width:100%;padding:10px 8px;border-radius:10px;border:2px solid #dbe3ee;font-size:1rem;font-family:inherit;box-sizing:border-box;outline:none;text-align:center;background:#fff;transition:border-color .2s;height:46px;min-height:46px;line-height:1.4;-moz-appearance:textfield}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input:focus{border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,0.08)}.error-message{color:#d93025;margin:6px 0 10px;display:none;font-size:.9rem;text-align:center;font-weight:600}.calculate-btn{background:linear-gradient(145deg,#1a4b5f 0%,#2a6a79 100%);color:#fff;border:0;padding:14px 32px;border-radius:14px;cursor:pointer;font-weight:700;font-size:1.05rem;display:inline-flex;gap:10px;align-items:center;transition:all .25s ease;box-shadow:0 8px 24px rgba(26,75,95,0.2);min-height:56px;margin-top:4px;width:auto;min-width:200px;justify-content:center}.calculate-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(26,75,95,0.25);filter:saturate(1.04)}.calculate-btn:active{transform:scale(.97)}.results-container{margin-top:26px;display:none;position:relative;z-index:1;animation:fadeUp .4s ease}.results-container.show{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}.results-title{color:#1a4b5f;font-size:1.15rem;margin:0 0 14px 0;padding-bottom:10px;border-bottom:2px solid #e8eef5;font-weight:800;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}.result-card{background:#fcfaf5;padding:14px 6px;border-radius:16px;border:1px solid #e8dfc8;text-align:center;min-height:75px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,0.02)}.result-value{font-size:1.2rem;font-weight:800;color:#103341;display:block;margin-top:4px;line-height:1.3;direction:ltr;unicode-bidi:embed}.result-label{color:#546e7a;font-size:.75rem;font-weight:700;order:-1;text-align:center}.result-note{color:#5a6f7d;font-size:.85rem;margin-top:16px;line-height:1.7;text-align:center;background:#f4f8fe;padding:12px;border-radius:12px;border-right:4px solid #1a4b5f}@media(max-width:768px){.input-grid{grid-template-columns:repeat(2,1fr);gap:10px}.input-group{padding:10px 12px}.results-grid{grid-template-columns:repeat(2,1fr)}.result-card{min-height:65px;padding:10px 4px}.result-value{font-size:1rem}}@media(max-width:600px){.calculator-card{padding:16px 12px}.input-grid{gap:8px}.input-group{padding:8px 10px}.number-input{height:44px;min-height:44px;font-size:.95rem;padding:8px 4px}.type-btn{padding:8px 16px;font-size:.9rem;min-height:40px}.calculate-btn{width:100%;min-width:unset;font-size:.95rem;padding:12px 14px;min-height:48px}.gender-toggle{gap:4px;padding:4px;width:100%}.type-btn{flex:1;text-align:center;padding:8px 4px}.results-grid{gap:8px}.result-card{min-height:60px;padding:8px 4px}.result-value{font-size:.9rem}.result-label{font-size:.7rem}.result-note{font-size:.8rem;padding:10px}}@media(max-width:400px){.calculator-card{padding:10px 6px}.input-grid{gap:6px}.input-group{padding:6px 8px}.number-input{height:40px;min-height:40px;font-size:.9rem;padding:6px 4px}.result-value{font-size:.8rem}.result-card{min-height:50px;padding:6px 2px}.results-grid{gap:6px}.calculate-btn{font-size:.9rem;padding:10px 8px;min-height:44px}.result-note{font-size:.75rem;padding:8px}.result-label{font-size:.65rem}}