:root{color-scheme:light;font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;color:#3048a5;background:#f4ecdf}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:35px 22px}main{position:relative;width:100%;max-width:430px;background:#fcf8f1;border:1px solid #3048a5;padding:45px 38px 28px;box-shadow:8px 8px #3048a50b}.sparkle{position:absolute;right:28px;top:23px;font-size:43px;line-height:1}.eyebrow{font-size:10px;letter-spacing:2.5px;margin:0 0 30px}h1{font-family:'Arial Rounded MT Bold',Arial,sans-serif;font-size:66px;line-height:.98;letter-spacing:-3px;margin:0;font-weight:900}.intro{font-family:Georgia,serif;font-style:italic;font-size:16px;margin:25px 0 30px}label{display:block;font-size:12px;margin-bottom:9px}input{width:100%;padding:14px;border:1px solid #3048a566;border-radius:2px;font:16px inherit;background:transparent;color:inherit}button{width:100%;padding:14px 20px;background:#3048a5;color:#f4ecdf;border:1px solid #3048a5;border-radius:2px;font:600 13px 'Avenir Next',sans-serif;display:flex;justify-content:space-between;align-items:center;cursor:pointer}button span{font-size:24px}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #bd7147;outline-offset:4px}#error{font-size:12px;color:#a13439;min-height:20px;margin:8px 0}.hint{font-size:10px;line-height:1.7;text-align:center;margin:20px 0 0}@media(max-width:400px){main{padding:35px 25px 25px}h1{font-size:58px}}