*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background-color:#ffd500;background-image:radial-gradient(circle at 18px 18px,#f3c400 11px,#e2b700 12px,transparent 14px);background-size:52px 52px;font-family:ui-sans-serif,system-ui,sans-serif;color:#18263b;padding:24px}main{width:min(100%,440px);padding:35px;background:white;border:3px solid #18263b;border-radius:22px;box-shadow:8px 8px 0 #18263b}.badge{background:#df2525;color:white;border:2px solid #18263b;width:64px;height:64px;border-radius:12px;display:grid;place-items:center;font-size:45px;box-shadow:3px 3px 0 #18263b}.label{font-size:12px;letter-spacing:.16em;font-weight:800;margin-top:25px}h1{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin:15px 0}h1 span{color:#df2525}p{line-height:1.6}label{font-size:14px;font-weight:750}input{display:block;width:100%;font:inherit;padding:13px;margin:8px 0 16px;border:2px solid #18263b;border-radius:8px}button{display:block;width:100%;background:#df2525;border:2px solid #18263b;color:white;font:inherit;font-weight:750;padding:14px;border-radius:8px;box-shadow:3px 3px 0 #18263b;cursor:pointer}button:disabled{opacity:.5}small{font-size:13px;color:#52627a}#error{color:#a31010;font-size:14px}input:focus-visible,button:focus-visible{outline:3px solid #1669c4;outline-offset:3px}@media(max-width:380px){main{padding:24px}h1{font-size:34px}}