:root{font-family:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}body{background:#edf2f6;color:#202b36;margin:0}.wrap{width:min(460px,calc(100% - 32px));margin:8vh auto;background:white;padding:36px;border-radius:14px;box-shadow:0 12px 50px #21364d18}.brand{font-weight:800;letter-spacing:.1em;color:#2280d2}.brand span{color:#7c8792;font-size:.7em}h1{font-size:24px;margin:20px 0 16px}.notice,.error{line-height:1.55;color:#48586a;font-size:14px}.error{color:#a51d35}code{background:#edf2f5;padding:2px 3px;word-break:break-word}label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #bdc9d7;border-radius:7px}input:focus{outline:2px solid #2280d2;border-color:#2280d2}button,.action{display:inline-block;background:#2280d2;border:0;border-radius:8px;padding:12px 20px;color:white;text-decoration:none;font:600 14px Arial;cursor:pointer;margin-top:21px}button:hover,.action:hover{background:#1968ae}button.secondary{background:#eaf0f5;color:#26384b}.secondary{margin-top:14px}