html,body{color:#333;background:#f7f7f7;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{text-align:center;background:#fff;border-radius:18px;min-width:280px;padding:36px 42px;box-shadow:0 12px 40px #00000014}.code{letter-spacing:4px;margin:10px 0;font-size:64px;font-weight:700}.sub{opacity:.7;margin:8px 0}.input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;margin:16px 0;padding:12px 14px;font-size:18px}.button{cursor:pointer;color:#fff;background:#111;border:0;border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.button:disabled{opacity:.65;cursor:not-allowed}.linkButton{cursor:pointer;color:#666;background:0 0;border:0;margin-top:20px;text-decoration:underline}.error{color:#c00;margin-top:14px}