:root{font-family:Arial,sans-serif;color:#16181d;background:#f3f4f6;--red:#c61f28}*{box-sizing:border-box}body{margin:0}header{height:78px;padding:0 5vw;background:#0d0f12;color:white;display:flex;align-items:center;gap:22px}header strong{font-size:30px}header span{color:#aeb4bf;font-size:12px;text-transform:uppercase;letter-spacing:.15em}main{max-width:1400px;margin:auto;padding:7vh 5vw}#login{max-width:620px;background:white;padding:55px;border-top:5px solid var(--red)}p{color:var(--red);font-size:11px;font-weight:bold;letter-spacing:.15em}h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,68px);line-height:1;margin:18px 0 40px}label{display:grid;gap:9px;margin:18px 0;font-size:12px;font-weight:bold}input,select{padding:15px;border:1px solid #ccd0d6;background:white}button{padding:15px 22px;border:0;background:var(--red);color:white;font-weight:bold;cursor:pointer}output{display:block;color:var(--red);margin-top:15px}.title{display:flex;justify-content:space-between;align-items:end}.title h1{margin-bottom:0}#summary{margin:35px 0;color:#5b6470}.table{overflow:auto;background:white}table{width:100%;border-collapse:collapse}th,td{padding:18px;text-align:left;border-bottom:1px solid #e4e6e9;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:.1em}td b{display:block}td small{color:#68717c}select{min-width:155px}@media(max-width:700px){main{padding:40px 18px}#login{padding:30px}.title{align-items:start;gap:20px}.title h1{font-size:42px}}