.container{max-width:1200px;margin:0 auto;padding:0 20px}.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);padding:20px;border-radius:22px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin:20px 0;border:1px solid #d9e3ee;position:relative;overflow:hidden}.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}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;align-items:flex-end;position:relative;z-index:1}.form-group{flex:1 1 200px;min-width:150px}.form-group.small{flex:0 1 220px}.form-group label{display:block;font-weight:700;color:#2e546a;margin-bottom:4px;font-size:0.9rem}.form-group input,.form-group select{width:100%;padding:8px 10px;border:1.5px solid #ecdca8;border-radius:12px;font-size:0.95rem;background:#fefcf5;color:#1a3f5c;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08);background:#fff}.currency{position:relative}.currency input{padding-left:35px}.currency span{position:absolute;left:10px;top:8px;color:#6b9e9e;font-weight:600;font-size:0.9rem}#calculateBtn{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;border:0;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;padding:10px 24px;display:inline-block;margin:0 auto;width:auto;box-shadow:0 8px 18px rgba(26,75,95,.14)}#calculateBtn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,75,95,.18);filter:saturate(1.03)}.btn-row{display:flex;justify-content:center;margin:10px 0;position:relative;z-index:1}.result-box{background:#fefcf5;border-radius:16px;padding:15px;margin:15px 0;border:1px solid #ecdca8;border-right:5px solid #6b9e9e;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #dce5ec;gap:10px}.result-item:last-child{border-bottom:none}.result-label{color:#1a3f5c;font-weight:700;font-size:0.95rem;text-align:right;flex:2}.result-value{color:#1a3f5c;font-weight:800;font-size:1.1rem;text-align:left;flex:1}.info-text{background:#fefcf5;border-right:4px solid #ecdca8;padding:12px;border-radius:12px;margin:20px 0 10px;color:#7a5c2e;font-size:0.9rem;border:1px solid #ecdca8}@media(min-width:1024px){.form-row .form-group{flex:1 1 calc(25% - 15px)}}@media(max-width:1024px){.form-row .form-group{flex:1 1 calc(33.333% - 15px)}}@media(max-width:768px){.form-row .form-group{flex:1 1 calc(50% - 10px)}.btn-row{justify-content:center}#calculateBtn{width:100%}}@media(max-width:480px){.form-row .form-group{flex:1 1 calc(33.333% - 6px);min-width:0}.result-label{font-size:0.9rem}.result-value{font-size:1rem}}