body{margin:0;background:#f3f5f8;color:#172b45;font:16px Arial,"Malgun Gothic",sans-serif}header{padding:22px;background:#232f3e;color:white;font-size:25px;font-weight:bold}header span{color:#ff9900}header small{font-size:14px;margin-left:20px}main{max-width:540px;margin:64px auto;background:white;border:1px solid #d5dce4;border-radius:14px;padding:32px}h1{font-size:27px}p{line-height:1.7;color:#52637b}label{display:block;margin:18px 0;font-weight:bold}input{box-sizing:border-box;display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #aab6c5;border-radius:7px;font:inherit}button,.action{display:block;box-sizing:border-box;width:100%;padding:13px;margin:14px 0;border:1px solid #d28715;border-radius:24px;background:#ff9900;color:#15263c;font:inherit;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer}.note{font-size:13px}.error{color:#b42318}@media(max-width:620px){main{margin:24px 14px;padding:24px}}