*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1f2933;background:#f3f5f7;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}h1{text-align:center;color:#163a5c;margin:0;padding:24px 20px 10px;font-size:30px}h2{color:#1f4e79;margin-top:15px}h3{color:#334e68}p{line-height:1.5}strong{color:#334e68}button{cursor:pointer;color:#fff;background:#1f4e79;border:none;border-radius:6px;margin:4px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}button:hover{background:#163a5c}button:active{transform:scale(.98)}input,select,textarea{color:#1f2933;background:#fff;border:1px solid #c7cdd4;border-radius:5px;width:100%;max-width:420px;padding:10px;font-size:14px}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{border-color:#1f4e79;outline:none;box-shadow:0 0 0 2px #1f4e791f}hr{border:0;border-top:1px solid #d9dee3;margin:20px 0}form{max-width:600px;margin:0 auto}form p{margin-bottom:15px}label{color:#334e68;margin-bottom:5px;font-weight:600;display:inline-block}div{max-width:1100px;margin-left:auto;margin-right:auto}button{vertical-align:middle}p strong{font-weight:700}@media (width<=700px){h1{padding:20px 10px 8px;font-size:24px}h2{font-size:21px}h3{font-size:18px}body{font-size:14px}button{width:auto;padding:9px 12px;font-size:13px}input,select,textarea{max-width:100%}form{width:100%}}