*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1a3f5c}.calculator{max-width:1100px;margin:16px auto;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);padding:22px;border-radius:22px;border:1px solid #d9e3ee;box-shadow:0 10px 30px rgba(26,75,95,.08);position:relative;overflow:hidden;font-size:clamp(.92rem,.55vw + .78rem,1rem)}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.tabs-field{width:100%;display:flex;align-items:center;padding:0 8px;margin-bottom:14px;position:relative;z-index:1}.fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:880px;margin:0 auto 16px;padding:18px;position:relative;z-index:1;background:#fefcf5;border:1px solid #ecdca8;border-radius:16px}.field{display:flex;flex-direction:column;min-width:0}label{font-weight:700;margin-bottom:8px;color:#1a4b5f;font-size:clamp(.82rem,.7vw + .65rem,.98rem);line-height:1.35}.input{padding:12px 14px;border-radius:12px;border:1.5px solid #ecdca8;background:#fefcf5;font-size:clamp(.85rem,.65vw + .65rem,1rem);color:#1a3f5c;width:100%;min-width:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08);background:#fff}.action-stack{max-width:880px;margin:6px auto 0;position:relative;z-index:1}.full-btn{width:100%;display:block}.secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.calculate-btn,.secondary-btn{background:#1a4b5f;color:#fff;border:0;padding:20px 16px;border-radius:12px;font-weight:700;cursor:pointer;font-size:clamp(.82rem,.7vw + .62rem,1rem);min-width:0;box-shadow:0 8px 18px rgba(26,75,95,.14);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center;line-height:1.2}.secondary-btn{background:#fff;color:#1a4b5f;border:1px solid #d0ddee;box-shadow:0 8px 18px rgba(26,75,95,.06)}.calculate-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.calculate-btn:hover{background:#1a3f5c;box-shadow:0 12px 22px rgba(26,75,95,.18)}.secondary-btn:hover{box-shadow:0 12px 22px rgba(26,75,95,.12)}.progress-box{margin:16px auto 0;max-width:880px;position:relative;z-index:1;background:#fff;border:1px solid #d7eadc;border-radius:16px;padding:16px}.progress-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#1a4b5f;margin-bottom:10px;font-size:clamp(.85rem,.6vw + .66rem,.98rem)}.progress-bar{width:100%;height:14px;background:#eef3f8;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:#1a4b5f;border-radius:999px;transition:width .2s ease}.results{margin-top:18px;background:#fefcf5;border-radius:12px;padding:14px;border:1px solid #ecdca8;border-right:6px solid #6b9e9e;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.result-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed #dce5ec;font-size:clamp(.85rem,.6vw + .66rem,.98rem)}.result-line:last-child{border-bottom:none}.value{font-weight:800}.value.accent{color:#6b9e9e}.note{font-size:clamp(.8rem,.55vw + .6rem,.94rem);color:#5a6c7d;margin-top:10px;line-height:1.8}.content-wrapper{display:grid;gap:18px;margin:18px 0 0}.content-section h2,.content-section h3,.content-section p,.content-section li{line-height:1.9}.simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.calculator{padding:18px}.fields-row{padding:15px;gap:12px}.input{padding:11px 12px}.progress-box{padding:15px}.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.calculator{padding:16px;margin:16px auto}.fields-row{padding:12px;gap:10px}.input{padding:10px 11px}.secondary-row{gap:7px}.calculate-btn,.secondary-btn{padding:15px 10px}.progress-box{padding:14px}.results{padding:13px}.result-line{gap:12px}.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.calculator{padding:14px;border-radius:20px}.fields-row{padding:11px;gap:8px}.input{padding:9px 10px}.calculate-btn,.secondary-btn{padding:11px 8px;border-radius:11px}.progress-head{font-size:clamp(.8rem,.7vw + .55rem,.9rem)}.results{padding:12px}.result-line{padding:9px 0}.simple-grid{grid-template-columns:1fr}}@media(max-width:380px){.calculator{padding:12px}.fields-row{padding:10px;gap:7px}.input{padding:8px 9px}.calculate-btn,.secondary-btn{padding:10px 6px;font-size:clamp(.75rem,.7vw + .52rem,.85rem);min-height:38px}.progress-box{padding:12px}.results{padding:11px}.result-line{padding:8px 0}.note{font-size:clamp(.75rem,.6vw + .54rem,.88rem)}}@media(max-width:320px){.calculator{padding:10px}.fields-row{padding:9px;gap:6px}.input{padding:7px 8px}.calculate-btn,.secondary-btn{padding:9px 5px;font-size:clamp(.72rem,.75vw + .48rem,.8rem);min-height:36px}.progress-box{padding:10px}.results{padding:10px}.result-line{padding:8px 0}}