.codepage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.codebox{max-width:420px;width:100%;color:var(--pearl);text-align:center}
.codebox h1{font-weight:500;font-style:italic;font-size:30px;margin:0 0 10px}
.codebox p{color:#b9b0a3;margin:0 0 20px}
.codebox label{display:block;text-align:left;font-size:15px;color:#b9b0a3;margin-bottom:6px}
.codebox input[type=text]{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:20px;letter-spacing:.12em;text-transform:uppercase;border-radius:12px;border:1px solid var(--gold);background:var(--night2);color:var(--pearl)}
.codebox input[type=text]:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.codebox .btn{margin-top:18px}
.codebox .msg{color:var(--gold2);font-style:italic;margin:0 0 16px}
.sealed-note{max-width:420px;text-align:center;color:var(--pearl);padding:120px 20px;margin:0 auto}
.sealed-note p:first-child{font-style:italic;font-size:26px;margin:0}
.sealed-note p+p{margin:10px 0 0;color:#b9b0a3}