*{box-sizing:border-box}body{margin:0;background:#eef4fa;color:#10223d;font:16px/1.6 Arial,sans-serif}main{width:min(720px,calc(100% - 32px));margin:40px auto;background:white;padding:40px;border-radius:20px;box-shadow:0 20px 60px #11294412}.brand{font-size:32px;font-weight:800;text-decoration:none;color:#09162c}.brand span{color:#18aabd}small{display:block;color:#64758b;font-size:10px;letter-spacing:1.4px}h1{margin-top:36px;font-size:30px}p{color:#5c6b80}label{display:block;font-weight:600;font-size:14px;margin:18px 0}input{display:block;width:100%;font:16px Arial;padding:13px;border:1px solid #cbd8e5;border-radius:8px;margin-top:6px}input:focus{outline:2px solid #24c8d8;outline-offset:2px}button{background:#2869ff;color:white;border:0;border-radius:9px;font-size:16px;font-weight:700;padding:16px 24px;cursor:pointer;width:100%}.notice{padding:18px;background:#eef7fb;border-left:4px solid #24c8d8;border-radius:6px}.hint,footer{font-size:13px}footer{border-top:1px solid #e0e8f0;padding-top:22px;margin-top:32px;color:#61758b}a{color:#235fca}iframe{width:100%;min-height:650px;border:0}@media(max-width:500px){main{margin:16px auto;padding:24px}.brand{font-size:28px}}