*{box-sizing:border-box}body{margin:0;background:#eee6cb;color:#243a73;font:16px/1.6 "Segoe UI",Arial,sans-serif;background-image:linear-gradient(#344d8310 1px,transparent 1px),linear-gradient(90deg,#344d8310 1px,transparent 1px);background-size:24px 24px}main{max-width:680px;margin:40px auto;padding:28px;border:2px solid #243a73;background:#eee6cb}h1{font-size:36px}a{color:inherit}label{display:block;margin:20px 0;font-weight:600}input,select,textarea,button{display:block;width:100%;font:inherit;padding:10px;margin-top:8px;color:inherit;border:1px solid #243a73;background:#f5efd9;border-radius:3px}textarea{resize:vertical}button{cursor:pointer;background:#243a73;color:#fff5d9;font-weight:600}.note{font-size:12px;font-weight:400}.error{border:2px solid #a64545;padding:12px;color:#8c2626}.success{border:2px solid #406e46;padding:18px;margin:24px 0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:700px){main{margin:18px;padding:18px}h1{font-size:30px}}