*{box-sizing:border-box}body{margin:0;background:#dfe5ec;color:#18304f;font:12px Arial,sans-serif}main{width:min(900px,100%);min-height:1270px;background:#fff;margin:auto}header{height:215px;background:linear-gradient(110deg,#082d60,#1460a8);color:white;padding:25px 43px;position:relative;overflow:hidden}header:after{content:"";position:absolute;right:-50px;top:-100px;width:370px;height:400px;background:repeating-linear-gradient(110deg,transparent 0 45px,#d4a54c 46px 69px,transparent 70px 95px);opacity:.85}header>b,header>div{position:relative;z-index:1}header>b{letter-spacing:.14em;font-size:17px}header strong{font-size:29px;letter-spacing:.06em}header>div{margin-top:59px}header small{font-weight:bold;letter-spacing:.13em}h1{font-size:32px;margin:7px 0}form{padding:25px 43px}section{margin-bottom:25px}h2{height:32px;line-height:32px;margin:0 0 17px;background:#062c60;color:white;border-radius:0 17px 17px 0;font-size:13px;letter-spacing:.07em}h2 i{display:inline-block;text-align:center;font-style:normal;background:#1972bc;border-radius:50%;width:32px;margin-right:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 34px}.wide{grid-column:1/-1}label{font-size:10px;font-weight:bold;text-transform:uppercase;display:grid;gap:5px}label small{font-weight:normal;text-transform:none;color:#7e8c9a}input,select,textarea{border:0;border-bottom:1px solid #a7b5c4;background:transparent;padding:5px 0;font:12px Arial;color:#18304f}textarea{min-height:48px}.totals{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #aebdca}.totals span{padding:10px;border-right:1px solid #c6d0da;text-transform:uppercase;font-size:8px;color:#496681}.totals b{display:block;margin-top:9px;font-size:12px;color:#113b71}.totals span:last-child{border:0;background:#f4f7fa}.totals span:last-child b{font-size:16px}button{float:right;margin-top:14px;border:0;background:#062c60;color:white;padding:12px 20px;font-size:11px;font-weight:bold;cursor:pointer}footer{clear:both;border-top:3px solid #1765ae;padding:15px 43px;color:#5d6b78;font-size:8px;font-weight:bold}footer em{float:right;font-style:normal}#result{position:fixed;right:20px;bottom:20px;background:#062c60;color:#fff;padding:18px}@media(max-width:600px){header,form{padding-inline:23px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.totals{grid-template-columns:1fr 1fr}h1{font-size:26px}}