*{box-sizing:border-box}body{margin:0;background:#eef3f6;color:#172b3b;font:16px/1.6 system-ui,sans-serif}main{max-width:440px;margin:12vh auto;padding:32px;background:white;border:1px solid #d6e0e7;border-radius:22px;box-shadow:0 16px 60px #14293d12}h1{font-size:30px;line-height:1.2}p{color:#526878}label{display:block;font-weight:650}input,button{width:100%;font:inherit;padding:14px;border-radius:10px;margin-top:12px}input{border:1px solid #9aaebb;letter-spacing:4px;font-size:24px}button{border:0;background:#163e51;color:white;font-weight:700;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #008a8a;outline-offset:3px}.error{color:#a12d33}small{display:block;margin-top:18px;color:#526878}@media(max-width:500px){main{margin:8vh 16px;padding:24px}}
/* order-code-segments-v1 */
.access-code-fields{border:0;margin:18px 0 0;padding:0;min-width:0}.access-code-fields legend{font-weight:650}.code-segments{display:flex;align-items:center;gap:7px}.code-segments input{width:0;min-width:0;flex:3;text-align:center;letter-spacing:3px;padding:14px 6px;font-size:24px;font-variant-numeric:tabular-nums}.code-segments input:nth-of-type(2){flex:2}.code-segments span{flex:none;font-size:24px;color:#526878;margin-top:12px}.code-entry-help{font-size:14px;line-height:1.5;margin:12px 0;color:#526878}