*{box-sizing:border-box}body{margin:0;background:#f0f1fa;color:#252641;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:30px 18px}main{background:white;border:1px solid #e1e3f1;border-radius:20px;padding:36px;max-width:500px;width:100%;box-shadow:0 15px 60px #20244912}.brand{font-size:28px;font-weight:850;color:#6259ca}.brand span{display:block;font-size:13px;font-weight:500;color:#7b7d93}h1{font-size:27px;line-height:1.2;margin:28px 0 12px}h2{font-size:23px}p{color:#686a82}form,label{display:grid;gap:9px}form{gap:20px;margin-top:25px}label{font-weight:600}input{width:100%;padding:13px 14px;border:1px solid #c9cce0;border-radius:9px;font:inherit;color:inherit}input:focus{outline:2px solid #6259ca;outline-offset:2px}button,.button{border:0;border-radius:9px;background:#6259ca;color:white;min-height:48px;padding:12px 18px;font:600 16px/1.4 system-ui;text-align:center;cursor:pointer;text-decoration:none;display:block}button:disabled{opacity:.6;cursor:wait}.secondary{background:#eef0f8;color:#555973}small,footer{font-size:12px;font-weight:400;color:#7b7d93}footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px}#error{padding:12px;background:#fff0f3;color:#a92c52;border-radius:8px}#qr{display:block;max-width:100%;height:auto;margin:12px auto}code,pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5fb;padding:12px;border-radius:8px}details{margin:20px 0}summary{cursor:pointer}#enrollment p{font-size:14px}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px}}